Joomla Templates Club 406,261 posts

[techmama Friend techmamaJoin date: July 2008Posts: 3Downloads:0Uploads:0 Thanks: 2]

#178708

Ok, I feel like a complete idiot but here goes it.

I need to change the width of the right sidebar to 330px (or 34%) throughout the site and even after reading this answer, I’m not sure how to go about it.

No matter what I do, when I inspect the element with Chrome I get the dreaded
element.style {width: 25%;}
in the Styles inspector

and
<div id="ja-right" class="column sidebar" style="width:25%">

Could someone please break it down for me as if you were talking to an 5 year old?

BTW, Join & Minify are off.

Your help is much appreciated,
-al

[nedzad grebovic Friend nedzad grebovicJoin date: July 2014Posts: 325Downloads:12Uploads:118 Thanks: 83 Thanked: 2 times in 1 posts]

#459603

Have you tried in Template manager/yourtemplate/layouts/edit default?

[techmama Friend techmamaJoin date: July 2008Posts: 3Downloads:0Uploads:0 Thanks: 2]

#459660

Yup. No dice there.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#459661

post your site url and a screen how much you need to change the widths in pixel.

I will help you on this.

this is a sample code for overriding

Add this code to this css : /templates/ja_nex/css/template.css


#ja-right{
width:20% !important;
}


Note: If you Find my Post useful please click on the Thanks Icon

1 user says Thank You to chavan for this useful post

1. techmama

[techmama Friend techmamaJoin date: July 2008Posts: 3Downloads:0Uploads:0 Thanks: 2]

#459668

Thank you Chavan, this actually helped me find the solution.

I added

#ja-right{
width:34% !important;
}

#ja-mainbody {
width:66% !important;
}

and now my page is laid out the way I need. 🙂

Your help is much appreciated!

[Author]

Posts