Public Forums 71,145 posts

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#171859

Can someone point me in the right direction. I want to change the font colour of the K2 catergory heading on this page http://www.myjakartaconcierge.com/index.php?option=com_k2&view=itemlist&layout=category&task=category&id=25&Itemid=587&lang=en

I went to the K2 css page and changed this line div.itemCategory span { color: #555; font-weight: bold; padding: 0 4px 0 0; } and now it is div.itemCategory span { color: #FF0000; font-weight: bold; padding: 0 4px 0 0; }

But that did not work. Maybe I am changing the wrong line.

I would also like to find the line to change the background colour from grey.

Cheers,

Jim

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#429928

Hi
Do you meant this: DISCOVER JAKARTA’S BEST RESTAURANTS ?
This’s component heading not K2 Category title.

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#429930

Ok thanks. I thought it was a category heading as I had created it in the k2 categories. Jim

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#429931

Hi,
You find this code from /templates/ja_tiris/css/template.css

h2, h2.contentheading, .contentheading, h1.componentheading, .componentheading, .profile h1 {
background: url(../images/bg-h3.gif) 0 100% repeat-x;
color: #373737; < change this line
font-size: 200%;
line-height: 100%;
margin: 0 0 20px 0 !important;
padding-bottom: 13px !important;
}

1 user says Thank You to khoand for this useful post

1. James Weston

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#430086

Thanks Khoand, am starting to find my way around the css although still making a few mistakes so it is trial and error. I managed to change the text colour as per your directions.

So now when you look at http://www.myjakartaconcierge.com/index.php?option=com_k2&view=itemlist&layout=category&task=category&id=25&Itemid=587&lang=en it is ok. However, which css background line refers to the green looking colour that is behind the small text? I would like to change it all to white.

Jim

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#430091

You replace this code from /templates/ja_tiris/css/k2.css

div.itemListCategory {
background: #F7FAFE;
border: 1px solid #DDD;
margin: 4px 0;
padding: 8px;
}
with

div.itemListCategory {
background: white;
border: 1px solid #DDD;
margin: 4px 0;
padding: 8px;
}

1 user says Thank You to khoand for this useful post

1. James Weston

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#430094

Thanks khoand

[Author]

Posts