Okay
  Public Ticket #1337517
Woocom Product Page on Dark Background
Closed

Comments

  • etrent08 started the conversation

    I'm trying to use a dark them without introducing a ton of custom CSS for my woocomerce shop pages. 

    - The breadcrumb links, pricing and several other classes CSS are a dark grey color. Trying to figure out the easiest way to universal change that if possible. 

    - Is it possible to force the header transparent on the shop pages? 

    - The purchase quantity arrows and add to cart button are all out of line.

    Trying to figure that out as well. Thanks in advance.

  •  9,016
    Tahir replied

    Hey Again,
    Try using the "Header Permanent Transparent" Option : http://prntscr.com/gyj1t2 . 

    Be.st


    ThemeNectar Support Team 

  • etrent08 replied

    Hello Tahir,

    I already have that option selected. And Should I post my other questions below, in a separate ticket? Still need to figure those out as they are the main point of this ticket.

    Thanks

  •  9,016
    Tahir replied

    Hey Again,

    Please have a look at this article : https://themenectar.ticksy.com//ticket/1334416/ . 

    I am afraid there is no universal way to change the color for those elements and custom css would be needed. 

    The easiest way to write css is to use the Chrome Dev Tools "Inspect Element" Option in here : http://prntscr.com/gysxq0 to identify the css code that is being applied . 

    Copy paste the code with the changes and add "!important" attribute to it to make increase its power. 

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .woocommerce .woocommerce-breadcrumb {
        color: #f7f7f7 !important;
    }

    Thanks

    Be.st 


    ThemeNectar Support Team 

  • etrent08 replied

    Hello Tahir, just checking to see if the Woocom update  3.2.1, is now compatible with the new salient updated? Thanks.

  •  9,016
    Tahir replied

    Hey Again,

    Please update to Salient Theme Version 8.5.0 and Salient VC 5.2.2. 

    If you are not seeing the Plugin Update Notification you need to uncheck the " Disable Theme Reccomended Plugin Notifications " Field in "Salient Theme Options Panel"  -> General Settings -> "Toggle Theme Features" Section .

    To get a list of Bug Fixes and new Feature addons in the Latest Theme update,  the changelog can be viewed here : http://themenectar.com/changelogs/salient.html .

    Update the theme by following this guide: http://themenectar.com/docs/salient/updating-salient/ .

    Best.


    ThemeNectar Support Team