Okay
  Public Ticket #3360611
modify the archive header of category in woocommerce
Closed

Comments

  •  1
    nicolas started the conversation
    May 1, 2023 at 11:01pm

    Hi,

    i would like to modify the header of my category pages

    - When i add an image in the background, there is an grey/shadowy overlay, how do i get rid of it ? 

    - iwant to change the fonts of the H1 in every category pages, same question ( i've seen here that i can make some changes with some CSS) https://themenectar.ticksy.com/ticket/2813458/ which panel im supposed to use, the one in the salient > general settings or the one in apperance > customize ?

    im looking for using this font "public sans" 


    Regards 


  •  2,086
    Judith replied
    May 2, 2023 at 4:59am

    Hi Nicolas,

    Thanks for choosing Salient.

    -Please remove the overlay using this css:

    .archive .page-header-bg-image:after, .nectar-recent-post-slide .nectar-recent-post-bg:after, .single [data-post-hs=default_minimal] .page-header-bg-image:after {
        background-color: rgb(25 25 25 / 0%);
    }

    -Please try this css:

    body h3, .row .col h3, .toggle h3 a, .ascend #respond h3, .ascend h3#comments, .woocommerce ul.products li.product.text_on_hover h3, .masonry.classic_enhanced .masonry-blog-item h3.title, .woocommerce ul.products li.product.material h3, .woocommerce-page ul.products li.product.material h3, .portfolio-items[data-ps="8"] .col h3, .nectar-hor-list-item[data-font-family="h3"], .woocommerce ul.products li.product h2, .nectar-quick-view-box h1, .nectar-ext-menu-item .inherit-h3 .menu-title-text, #slide-out-widget-area .nectar-ext-menu-item .inherit-h3, #mobile-menu .nectar-ext-menu-item .inherit-h3, #ajax-content-wrap .nectar-inherit-h3, #header-outer .nectar-inherit-h3, [data-inherit-heading-family="h3"], .nectar-quick-view-box div.product h1.product_title.nectar-inherit-h3, .nectar-quick-view-box div.product .summary p.price.nectar-inherit-h3, body.woocommerce div.product p.price.nectar-inherit-h3 ins {
        font-family: public sans;
    }

    Thanks.

  •  1
    nicolas replied
    May 2, 2023 at 7:19am

    Thank you for your reactivity, 

    The CSS command work just fine for the overlay thats great thank you!

    But for the font, I want to modify category title'font, shouldn't it be the H1?


  •  9,543
    Tahir replied
    May 2, 2023 at 7:41am

    Hey Again,

    You can change the H1 in the Salient Theme Options Panel -> Typography section "Heading 1" Field as that would change the H1 for all the pages.

    Thanks 

     Salient Support Team