Joomla Templates Club 406,261 posts

[cozachevici Friend cozacheviciJoin date: April 2013Posts: 12Downloads:16Uploads:3]

#189799

Hello,

What can i do in order JA Beranis to be on full width.

I want no margins to left and right as it is now.

Thank you !

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#502682

Hi cozachevici,

You can make the JA Beranis template to be on full width by creating a custom.css file at templates/ja_beranis/css/ folder, then put below css codes into:

@media (min-width: 1200px) {
.container {
width: 1268px;
}
}

You maybe need to adjust the sections’ layout to fit with the full-width.

1 user says Thank You to phong nam for this useful post

1. Andrzej Wachałowicz

[cozachevici Friend cozacheviciJoin date: April 2013Posts: 12Downloads:16Uploads:3]

#503307

Thank you for help, seems to work in part, as you said i may need to adjust the sections layouts to fit full-width.

Can you pls guide me here, as i have no idea where 🙂

Thank you !

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#503339

Hi cozachevici,

You can try to put below codes into custom.css file too, these will make the content-mass-top and spotlight section look full-width. Other sections are loading the width:100%; you don’t need to change.

@media (min-width: 1200px) {
.span8 {
width: 780px;
}

.span12 {
width: 1260px;
}
}

[vmalyshev Friend vmalyshevJoin date: October 2013Posts: 210Downloads:5Uploads:27 Thanks: 5]

#551022

Hi Leo

Found your older post.

Did you mean adding the last code to the first one? Or replacing some of the paras of the first one with the second one?

Thanks

[Eragon H Friend Eragon HJoin date: July 2014Posts: 468Downloads:1Uploads:39 Thanks: 5 Thanked: 156 times in 149 posts]

#551065

You can add the below code to the file templates/ja_beranis/css/custom.css (create a new one if unavailable) for this purpose

@media (min-width: 1200px) {
.container {
width: 1268px !important;}

.span8 {
width: 780px !important;}

.span12 {
width: 1260px !important;}
}

[vmalyshev Friend vmalyshevJoin date: October 2013Posts: 210Downloads:5Uploads:27 Thanks: 5]

#551268

Thanks, but the menu options still are left centred.
Also as you can see margins on the left are smaller than on the right. How to deal with that?
Thanks for your help

---

Attachments:

1. 

[vmalyshev Friend vmalyshevJoin date: October 2013Posts: 210Downloads:5Uploads:27 Thanks: 5]

#551270

Thanks, it has helped a little, but menu is still left centered, also margins are not the same on right and left sides. Ones on right look better. Thanks.

---

Attachments:

1. 

[Eragon H Friend Eragon HJoin date: July 2014Posts: 468Downloads:1Uploads:39 Thanks: 5 Thanked: 156 times in 149 posts]

#551280

1. For the menu, you can fix it by add the below code to the custom.css

@media (min-width: 1200px) {
.span10 {
width: 1100px !important;}
}

2. Can you share your site URL and illustrated screenshots with description of how you want to change? It will help to assist you better

[vmalyshev Friend vmalyshevJoin date: October 2013Posts: 210Downloads:5Uploads:27 Thanks: 5]

#551361

its fixed t. thanks.

[Author]

Posts