Changing Woocommerce Product Layout

[powrider686]

Hi there,
I’m working on getting my product category pages to display how I would like them too but I am having difficulty doing that.

Currently I am using the Ethos Stack but I’d like to have them display like they would using the Integrity Stack, but without changing stacks.

I would like the images on the product category page - https://dhbrownstaging.wpengine.com/collections/fine-art-nudes/, to have the product image on top, then below the image to show the Product Title, Product Author ( Just a static text ‘By Dylan Brown’, and Product Price. But for price instead of it showing a range, how could I make it say "From $950 (or the lowest priced option)?

I’m trying to achieve this look on the category page - https://www.kimvergil.com/abstract-people.

Ok, second challenge. I can’t get the variable product description to change font size on the product pages. I’m trying to get it to be 16px, but it is being overridden by a .p and I can’t figure out how to target it properly.

Thank you for the help and Happy New Years!

Marcus

[ruenel]

Hello Marcus,

Thanks for writing in!

“Currently I am using the Ethos Stack but I’d like to have them display like they would using the Integrity Stack, but without changing stacks.”

• Please be advised that you cannot mixed up stacks. The structure is not the same so you will not have the same results. What you can do is to use a custom css and try to mimic the look of it. For example, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.woocommerce li.product .entry-wrap {
    position: relative;
}

.woocommerce li.product .entry-wrap:before {
    background-color: #e5e5e5e;
}

And you will have this:

Hope this helps.

[powrider686]

Ok, that was a great tip to start. Appreciate it!

[ruenel]

No problem.
If you need anything else we can help you with, don’t hesitate to open another thread.