how to change text color of suffix_ small

GK User
Sun Feb 05, 2012 1:08 am
Hi,
Can someone tell me how to change the text color of suffix_samll? I am trying to use mod_latestnews in samll suffix with a different color of text.
User avatar
Junior Boarder

GK User
Sun Feb 05, 2012 2:10 pm
File: \templates\gk_twn2\css\template.css

Find code:
Code: Select all
#gk-page .moduletable_text.small > div > h3 { color: #333; font-size: 10px; text-transform: uppercase; border-bottom: 1px solid #d1d1d1; line-height: 37px; margin-bottom: 12px; margin-top: -8px; border-top: none; height:auto!important; font-weight:bold; }

Change "#333" to whatever color code you want.
User avatar
Platinum Boarder

GK User
Mon Feb 06, 2012 2:04 am
Don,
Thank you for your help. I had tried it before and I just did the change and it didn't work. I tried to use firebug to locate where exactly it gets the color code and failed reputedly. I have spent hours on this and I am frustrated. This is what I did on my template CSS:

#gk-page .moduletable_text.small > div > h3 { color: #2C3EC0; font-size: 10px; text-transform: uppercase; border-bottom: 1px solid #d1d1d1; line-height: 37px; margin-bottom: 12px; margin-top: -8px; border-top: none; height:auto!important; font-weight:bold; }
User avatar
Junior Boarder

GK User
Mon Feb 06, 2012 8:31 am
Hi,

Try adding "!important" tag after color code to check if it works.
Code: Select all
#gk-page .moduletable_text.small > div > h3 { color: #2C3EC0 !important; font-size: 10px; text-transform: uppercase; border-bottom: 1px solid #d1d1d1; line-height: 37px; margin-bottom: 12px; margin-top: -8px; border-top: none; height:auto!important; font-weight:bold; }

If this issue persists please give me the link to your site then I will check further for you.

Have a nice day!
User avatar
Platinum Boarder

GK User
Tue Feb 07, 2012 2:48 am
Don,
That did not work either.
User avatar
Junior Boarder

GK User
Tue Feb 07, 2012 2:43 pm
Can you please give me your site URL to check?
User avatar
Platinum Boarder

GK User
Wed Feb 08, 2012 2:11 am
User avatar
Junior Boarder

GK User
Wed Feb 08, 2012 12:28 pm
Add this code to your css file: (this is an example to change color to RED)
Code: Select all
.small > div > .moduletable_content > .mod_latestnews > ul > li > a{
color: RED !important;
}
User avatar
Platinum Boarder

GK User
Sun Feb 12, 2012 1:48 am
Don,
Thank you for your effort, however, the insertion of the code didn't change it either.
User avatar
Junior Boarder

GK User
Sun Feb 12, 2012 12:10 pm
Hi,

I tried with debug tool and it worked for me (Please view my screenshot attached). If you can't do it yourself, you can PM me FTP access then I will try for you as well.
User avatar
Platinum Boarder

GK User
Mon Feb 13, 2012 12:22 am
Don,
Thank you very much for your help and patience. It is indeed working as I wanted it !
User avatar
Junior Boarder

GK User
Mon Feb 13, 2012 9:49 am
You are welcome, feel free to let me know if you need any other helps.
User avatar
Platinum Boarder


cron