Docs

[jongarcia]

Hello, would like to change the product category text size & yellow highlight box

1. Can i reduce Product text size in CSS?
2. Remove the yellow highlight stock amount
3. Would like to center all text and images in each box.

test site here…

http://americolorcorp.com/test –> then go to SHOP Nav page.

Thanks!

[Thai]

Hi There,

To do that, please add the following CSS under Customizer > Custom > Global CSS:

li.product-category.product h3 {
    font-size: 24px;
    text-align: center;
    margin-top: 8px;
}
li.product-category.product h3 mark {
    background-color: transparent;
}

Hope it helps 🙂

[jongarcia]

Unfortunately that didn’t work at all for any.

I changed my layout to fullwidth, but it didn’t work on global site width either?

[Jade]

Hi there,

Please try this code:

mark.count {
    background: transparent;
}

.product-category h3 {
    font-size: 24px;
    text-align: center;
    margin-top: 8px;    
}

Hope this helps.

[jongarcia]

Thank you!

Last thing….Can I remove the white background color on the SHOP & CATEGORY ARCHIVE PAGES (behind the Title text & image).
The individual products can stay white BG.

Thanks!

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.entry-wrap {
    background-color: #ddd !important;
}

Thanks.

[jongarcia]

Thanks!

How do I change the CATEGORY ARCHIVE text along with SHOP SUBTITLE text under SHOP search results?

[Rupok]

Hi there,

You can change the shop title and subtitle from Customize > {Your Stack}.

If you want to change the text “Category Archive” to something else; you can add this under Custom > JavaScript in the Customizer.

jQuery ( function( $ ) { 
  $('.woocommerce.archive .h-landmark span').text("Place your text here"); 
} );

Hope this helps.

[jongarcia]

Thanks!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts