WooCommerce styling question

[bhnash]

In thw WooCommece Product loop, I am having a few styling issues and I was wondering if you could direct me toward the code to fix.  I am not a developer – just starting.

 

1) How to stop the product category from showing up on the product display.

2) How to adjust the font for the products so that the longer names can fit on ne line.  As it it, they take up two and it makes th display background bigger for certain products.  Alternatively, maybe make the padding to adjust, all so all the products lited side by side will have the same sized background.

Any insight on the location to adjust this in the theme would be great.  I have the child theme enabled, so I have been copying over the files that are being adjusted to the child theme folders.  I just haven’t been successful in making the correct adjustments that correct these issues.  Thanks in addvance..

 

v/r,

 

Bethany Nash

[Laura]

Hello 🙂 Will be happy to help you
1- Try by adding this to style.css of child theme or at Appearance > Editor

COPY CODE

span.posted_in {
    display: none !important;
}

2- Making the titles smaller could help, this is the css

COPY CODE

.woocommerce h3 a {
    font-size: 13px !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[bhnash]

This reply has been set as private.

[Laura]

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Radu]

Hi,

Use this css instead

COPY CODE

.single-product.woocommerce span.posted_in {
    display:block !important;
}

.woocommerce-demo-store span.posted_in {
    display:none !important;
}

Let me know
Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solution

What support service includes ? What not ?

[bhnash]

The second worked, thanks!!

[Radu]

Ok
Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts