Joomla Templates Club 406,261 posts

[peforever Friend peforeverJoin date: December 2010Posts: 29Downloads:0Uploads:5 Thanks: 2]

#158436

I have light-color theme set as the default and opened core/themes/light-color/css/color.css
How do i change the color of the left and right columns?

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#370708

Please post a link to your site and an image showing exactly what you want to change. Is it the complete columns or just the modules therin?

[peforever Friend peforeverJoin date: December 2010Posts: 29Downloads:0Uploads:5 Thanks: 2]

#370721

The complete columns.
I have attached a screenshot with a red stroke around the columns of this template here:

http://www.joomlart.com/forums/topic/change-column-padding-and-margins/

For a clearer shot, look at the Anion demo template (i havn’t changed much as of yet).
Thanks

[Phan Gam Friend Phan GamJoin date: June 2008Posts: 216Downloads:0Uploads:2 Thanks: 4 Thanked: 39 times in 38 posts]

#370775

Hi,
Try to fix as follows :

Open color.css file under templatesja_anioncorethemeslight-colorcss folder and

add the following code for div.ja-moduletable .ja-box-ct

div.ja-moduletable .ja-box-ct {
padding: 0px;
}
After saving, clear all cache data to get effect.
Hope that helps

[peforever Friend peforeverJoin date: December 2010Posts: 29Downloads:0Uploads:5 Thanks: 2]

#370862

Thanks Phan,
That worked.

[peforever Friend peforeverJoin date: December 2010Posts: 29Downloads:0Uploads:5 Thanks: 2]

#370873

Thanks!
That worked perfectly.
Now, how do change the padding on the main menu module (currently in the left column)?

[thuanlq Friend thuanlqJoin date: October 2010Posts: 528Downloads:0Uploads:29 Thanks: 8 Thanked: 121 times in 99 posts]

#371100

Hi @peforever,

Please add new style as following in “template.css” file in “templates/ja_anion/css/”


#ja-mainbody
{
width:70% !important;
}
#ja-mainbody #ja-current-content
{
width: 69% !important; /*width of main content container*/
}
#ja-mainbody #ja-inset1
{
width:29% !important; /*width of mainmenu container*/
padding:5px !important; /* input your padding value in here*/
}
#ja-right
{
width: 30% !important;
}


[Author]

Posts