Primary Color for Links / Top Menu Background Color (CSS to Edit Text & Links) « Support Forum | Kriesi.at

Support Forum » Propulsion

Primary Color for Links / Top Menu Background Color (CSS to Edit Text & Links)

8 posts from 3 voices

Started 11 months ago by erikriemsdyk
Latest reply from Mya
This topic is closed
This topic is resolved

Tags:

erikriemsdyk
Member

Website: Daughter of the Gods http://daughterofthegods.com.au/retail/

In PROPULSION >>> THEME OPTIONS >>> STYLING,

You have the ability to change the Primary Color for Links, Drop Caps & Other Elements,

This color also governs the color of the Top Menu Background,

I would like to set this color to White and hence I need all links and images within this color to become dark,

Please see screenshot image here: http://daughterofthegods.com.au/retail/dotg.jpg

Can someone please show me which CSS code governs the Colors & Link Colors of the Text in:

The Top Menu Bar (with the White Shopping Cart In it)

On the Cart & Checkout Pages, (pls see screenshot) the Text in the Forms

Thanks in Advance,

Erik

Posted 11 months ago #

Mya

Hi Erik,

Try adding this to your custom.css or Quick CSS.

#top .on-primary-color, #top .on-primary-color a, div .button, input[type="submit"], #submit, .info_text_header, .info_text_header a, .info_text_header a:hover, #top th, #top th a {
    color: #FFFFFF;
}

Regards,
Mya

Posted 11 months ago #

erikriemsdyk
Member

Hi Mya,

Thank you for your quick response :)

The problem is nearly fixed, just two small things to adjust,

If you refer to the graphic located at: http://daughterofthegods.com.au/retail/dotg2.jpg

When you hover over the top menu links, they are still white, any CSS to control that so that they remain the same color?

And,

in the Cart Totals table, "Cart Sub Total" & "Order Total" are still Black,

any CSS to control that,

Thank you so much for your help so far,

Regards

Erik

Posted 11 months ago #

Ismael
Moderator

Hello,

Try this.

.sub-menu ul li a:hover {
  color: color-that-you-want;
}

a.cart_dropdown_link:hover {
 color: color-that-you-want;
}

Regards,
Ismael

Posted 11 months ago #

erikriemsdyk
Member

Hi Ismael,

Still no joy - both problems are still there, please see link below,

http://daughterofthegods.com.au/retail/dotg2.jpg

when you hover over the top menu links, they are still white & in the Cart Totals table, "Cart Sub Total" & "Order Total" are still Black,

Thanks for trying, I just can't find it either,

Posted 11 months ago #

Ismael
Moderator

Hi erik,

Try to use this in your Quick CSS or custom.css:

.login_link a:hover,
.shopping_cart_link a:hover,
.checkout_link a:hover,
.cart_dropdown_first a.cart_dropdown_link:hover {
   color: black !important;
}
.cart_totals tr.cart-subtotal th strong,
.cart_totals tr.total th strong {
   color: white !important;
}

Hope this helps. :)

Regards,
Ismael

Posted 11 months ago #

erikriemsdyk
Member

Hi Ismael,

Very very cool, it works perfectly,

Once again you're a star, Big Thanks to You & Mya :)

Posted 11 months ago #
Mya

Excellent. You're welcome! Glad to help!

Regards,
Mya

Posted 11 months ago #