Public Forums 71,145 posts

[fintan Friend fintanJoin date: October 2011Posts: 50Downloads:4Uploads:0 Thanks: 13 Thanked: 2 times in 1 posts]

#201650

Hello,, I wouldlike to change the size sidebar 2 position. where do I start?

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

#550940

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

If the layout you are using has 1 sidebar

@media (min-width: 992px){
.col-md-9 {
width: 75% !important;}
.col-md-3 {
width: 25% !important;}
}

If the layout you are using has 2 sidebars

@media (min-width: 992px){
.col-md-6 {
width: 50% !important;}
.col-md-3 {
width: 25% !important;}
}

You can adjust the value to meet your need.
If you face problems, kindly share the site URL and let me know how do you want to change. I can have a look.

[fintan Friend fintanJoin date: October 2011Posts: 50Downloads:4Uploads:0 Thanks: 13 Thanked: 2 times in 1 posts]

#551113

Hi and thanks. I tried your solution for two sidebars.

If I change the paramenters to:
<blockquote>@media (min-width: 992px){
.col-md-6 {
width: 60% !important;}
.col-md-3 {
width: 20% !important;}
}</blockquote>

Or an other value, my sidebars are moved below the content.

I would like to have the sidebars closer to the screen edge and slightly smaller so it looks more balanced.

http://www.fredsfunkyfood.ch/

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

#551122

For this, you can add the below code to the custom.css (remove the above code)

@media (min-width: 992px){
.t3-content {
width: 60% !important;
}

.t3-sidebar {
width: 40%;
}

.t3-sidebar-1 {
width: 50% !important;
}

.t3-sidebar-2 {
width: 50% !important;
}
}

I think you should use 1 sidebar, which would be more balance and beautiful

[Author]

Posts