I know that there are a lot of you that's using the BF4_Multi theme found for download on the Xtreme site.
The one thing that I have done on many sites that requested me to modify it for their site was to widen it.
Earlier this week, I got a request to make a video tutorial on how to widen it. Well, that's what I have done.
Well, for those of you that are still running it at its stock width, here is how you would go about widening it.
[UPDATE]
Before I get asked, here is a copy of my cheat sheet I wrote up. If you can't follow it, don't ask me to decipher it. I understand it just fine.
I also like to note that this does NOT contain all the coding from the video tutorial, this just contains shorthand of stuff I know I need to touch upon.
---- Body, cancel out the background. ----
.headbg cancel out background
#container - add background color #08090b; max-width 1280px;
#main max-width: 1280px
.navwrap, navline, .nav_foot, and orange - width 1268
centwrap - width 1268
----- 3 info blocks -----
nanoscroller.css
.nano - width 418px;
style.css---
.nefo
.youtube-cell - width 405px;
Theme_func.php
203- width: 1268px;
Line 205, 232, 259 - width +100px
---- blocks resize ------
.block .blockfoot - width 220.
.blocktop, .blocktitle, .blockfoot - background-size: cover;
theme.php
theme switcher, search for switcher
---- Side border with glow ----
#contianer
border-left: 2px solid #252c36;
border-right: 2px solid #252c36;
box-shadow: 0 0 30px #353e4b;
Last edited by coRpSE on Sun Feb 13, 2022 12:01 am; edited 2 times in total
#2: Re: New Tutorial - How to widen the BF4_Multi theme Author: zardos, Location: North west of England
Posted: Sat Feb 12, 2022 9:08 pm
—
Nice video coRpSE, always wanted to know howto do this because its a great theme and will always be used, only two themes i like LM-blackmagic and BF4-Multi.
A big thanks for you work on these video's, great job.
#3: Re: New Tutorial - How to widen the BF4_Multi theme Author: [HSX]coRpSE, Location: Back of your mind!!!
Posted: Sat Feb 12, 2022 11:55 pm
—
Thanks. I tried keeping it as short as I could, so instead of trying to go into too much detail, it was more of a do as I do. To make it full width would be more of a pain, and even then, would require a max width. I wasn't sure if it would be easy for people to follow.
#4: Re: New Tutorial - How to widen the BF4_Multi theme Author: zardos, Location: North west of England
Posted: Fri Mar 04, 2022 3:49 am
—
Hello coRpSE, i tried this yesterday and believe it or not it did not change anything, deleted cookies, cleared cache, refreshed browser nothing changed, is it because this copy from evolution is bootstraped and your copy is the original.
#5: Re: New Tutorial - How to widen the BF4_Multi theme Author: [HSX]coRpSE, Location: Back of your mind!!!
Posted: Fri Mar 04, 2022 6:52 pm
—
Hello coRpSE, i tried this yesterday and believe it or not it did not change anything, deleted cookies, cleared cache, refreshed browser nothing changed, is it because this copy from evolution is bootstraped and your copy is the original.
The theme I used in the video is the one that you can download from Evo. When I made the video, I actually just had downloaded that theme. Just note, this is ONLY for the BF4_Multi theme, which is not bootstrapped. Since you mentioned bootstrap and because of the other post on the Evo site, I think you're trying to widen the theme that is used on the cod-sniper clans site, that is not the BF4_Multi theme, you are using the same theme I am using on my site here called LM-BlackMagic, I just heavily modified the one on this site.
Try this.
Open: public_html/themes/LM-BlackMagic/style/style.css
Find, (Around line 409):
Code: [ Select all ]
.main-site-container {
/*width: 1368px;*/
max-width: 1500px;
}
Replace with:
Code: [ Select all ]
.main-site-container {
width: 96%;
max-width: 1920px;
}
Save & Close
Then you need to clear your browsers cache, and then you should see it changed. You can see that I set the width to 96%, and I set the max-width to 1920px, so if someone comes yo your site with a really large screen resolution, it doesn't look all stretched.Last edited by coRpSE on Sun Mar 06, 2022 1:01 pm; edited 1 time in total
#6: Re: New Tutorial - How to widen the BF4_Multi theme Author: zardos, Location: North west of England
Posted: Sun Mar 06, 2022 9:52 am
—
Thanks coRpSE, did it again and used ctrl+f5 and it was fine, i have the image changer on the right side with a few of the themes including BF4 Multi. The default is LM-Blackmagic. Going to add the steam code you did.
Thanks again coRpSE great work.
#7: Re: New Tutorial - How to widen the BF4_Multi theme Author: PatPgtips,
Posted: Tue Apr 19, 2022 5:47 am
—
thanks corpse worked a treat
#8: Re: New Tutorial - How to widen the BF4_Multi theme Author: [HSX]coRpSE, Location: Back of your mind!!!
Posted: Tue Apr 19, 2022 6:49 am
—
Glad to hear.
#9: Re: New Tutorial - How to widen the BF4_Multi theme Author: PatPgtips,
Posted: Tue Apr 19, 2022 7:17 am
—
has anyone got an updated psd for the header images i have original psd but center area is is cropped now it needs stretched to fit the theme after all the edits
would be good to get the header images working again
#10: Re: New Tutorial - How to widen the BF4_Multi theme Author: [HSX]coRpSE, Location: Back of your mind!!!
Posted: Thu Apr 21, 2022 9:56 am
—
Unfortunately, what's there is all that is there. New ones would need to be created, or those would need to be manipulated.
#11: Re: New Tutorial - How to widen the BF4_Multi theme Author: PatPgtips,
Posted: Thu Apr 21, 2022 11:40 am
—
ah oks no probs
way above me not sure were to start on editing the file i did try a resize but centre area was still way off
#12: Re: New Tutorial - How to widen the BF4_Multi theme Author: EmeraldDragon, Location: Vancouver, WA
Posted: Sat Apr 23, 2022 11:49 am
—
Hopes this helps!
#13: Re: New Tutorial - How to widen the BF4_Multi theme Author: PatPgtips,
Posted: Sun Apr 24, 2022 10:26 am
—
hi thanks for that emeralddragon
but its the header psd for the images i need resized for the new fixed width
header psd
#14: Re: New Tutorial - How to widen the BF4_Multi theme Author: EmeraldDragon, Location: Vancouver, WA
Posted: Mon Apr 25, 2022 7:43 am
—
Ahh, you might want to check with Megaboost at to see if he can help out. I am pretty sure it will be as easy as 1, 2, 3 for him.
HeadShot Extreme
-> PC & Codeing Talk
output generated using printer-friendly topic mod. All times are GMT - 7 Hours
Page 1 of 1