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

[bhnash]

The first fix did not work for the category. I have attached an image this time. My category pages are
set like this:
[product_category category=”categoryname” per_page=”100″]. On the display pages,

above the title , the taxonomy links are shown (in this case, “little ‘uns, push dagger”. I would like those not to show (except maybe on the single product listing). I changed the theme and the issue went away, but I want to use Kleo for my site. Thanks.

[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

[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

[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

[Author]

Posts