Change Custom HTML module yellow color

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Fri Apr 05, 2013 7:20 pm
Reply with quote
Report this post
I have been able to go through the css and change the yellow HEX code color to a color of my choice but in the custom HTML models it seems to be different. The yellow buttons have not changed color even though I have changed the HEX code for the yellow color to one of my choosing.

THoughts...
User avatar
Junior Boarder

GK User
Sat Apr 06, 2013 8:01 am
Reply with quote
Report this post
Please post a link or screenshot so we can see which section you are referring to.

See you around...
User avatar
Platinum Boarder

GK User
Sat Apr 06, 2013 8:09 am
Reply with quote
Report this post
Hi, could you be more specific,maybe you add a example (URL).

I can only guess. Normally if you want change color of font you add to <p> or <span> extra style like this:

Code: Select all
<p style="color:yellow;">Yellow Submarine</p>

but sometimes you have to add "!important" to works well on some cases.
Code: Select all
<p style="color:yellow !important;">Always Yellow Submarine</p>
User avatar
Platinum Boarder

GK User
Sat Apr 06, 2013 2:20 pm
Reply with quote
Report this post
Sorry... here is the link for the question.

http://twelvelions.com/

At the bottom in the subscription area I am tying to change the blue and yellow colors.
User avatar
Junior Boarder

GK User
Sat Apr 06, 2013 3:50 pm
Reply with quote
Report this post
ok, now I understand.


If you want to change "Premium" background BLUE color use this

Code: Select all
.gkPriceTable dl.gkPremium {background: none repeat scroll 0 0 #___ !important;}


in ___ insert your hex color or : red, blue, yellow, black etc.
User avatar
Platinum Boarder

GK User
Sat Apr 06, 2013 3:53 pm
Reply with quote
Report this post
BLUE BUTTONS (I've changed to GREY)

Code: Select all
.gkPriceTable dd a {
    background: none repeat scroll 0 0 #ccc;
}


YELLOW HOVER BUTTONS (I've changed to DARK RED)

Code: Select all
.gkPriceTable dd a:hover {
    background: none repeat scroll 0 0 #A11E22;
}
User avatar
Platinum Boarder

GK User
Sun Apr 07, 2013 1:12 am
Reply with quote
Report this post
Awesome thanks!
User avatar
Junior Boarder


cron