Okay
  Public Ticket #3126939
WooCommerce Category Header Styling
Closed

Comments

  •  1
    unitedinteractive started the conversation

    Hi Team, I wish you are well.

    I'm attempting to stylise WooCommerce category headers like in the Skincare demo: https://themenectar.com/salient/ecommerce-robust/product-category/skincare/

    I just don't seem to find theme settings for this. Could you please point me to right direction, thanks. BR, Yahya

  •  1
    unitedinteractive replied

    Found it from Salient > WooCommerce > Archive Header but can't change the text colour or the overlay. Please advice, thanks.

  •  8,839
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .woo-archive-header #page-header-bg h1, .woo-archive-header #page-header-bg p {
        color: #f44336 !important;
    }

    Thanks


    ThemeNectar Support Team 

  •   unitedinteractive replied privately
  •  8,839
    Tahir replied

    Hey Again,

    Thanks for the url.

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .archive.tax-product_cat #page-header-bg h1, .archive.tax-product_cat #page-header-bg p {
        color: #ffffff !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  1
    unitedinteractive replied

    Perfecto, Tahir! Thanks!