Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #13164

    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

    #78079

    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

    #78080

    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

    #78081

    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

    #78082

    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,

    #78083

    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

    #78084

    Hi Ismael,

    Very very cool, it works perfectly,

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

    #78085

    Excellent. You’re welcome! Glad to help!

    Regards,

    Mya

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Primary Color for Links / Top Menu Background Color (CSS to Edit Text & Links)’ is closed to new replies.