Return to previous page

Product look more structured and clean look

This topic has 8 replies, 2 voices, and was last updated 1 years ago ago by Rose Tyler

creativesite

Participant

April 27, 2023 at 08:58

Hi Rose/Tony,

A short design question..,
is there any way to create a more structured look for Products?
For example:
3 lines for Product name
leaving 1 line empty
and then 1 line for the Price
(or 2 lines for the Price – so if there is a Product with discount,
then 1 line is for the normal price, other is for the Discount price)

Products here look a bit up-and-down:
https://postimg.cc/Czv9r3WL

Goal would be to make it look like this: https://postimg.cc/Kk2ZvXch

Thank you very much in advance!

Please, contact administrator
for this information.

#354678 Copied Theme version: 9.1.2 WooCommerce version: 7.6.0

7 Answers

Rose Tyler

Support staff

April 27, 2023 at 13:17

Hello, Creativesite,

Thank you for getting in touch with us.

Please try to use the next custom CSS code – https://www.8theme.com/topic/woocommerce-product-widget-line-height-limitation/

We hope this information is helpful.

Kind Regards,
8theme team

#354728 Copied

creativesite

Participant

April 28, 2023 at 10:57

Hi Rose,

okay, thank you very much!

I attached a screenshot with 1 more question,
Is it possible to have the title start in the first line?
https://postimg.cc/SJknmHJ3

And sorry, for the products not to squeeze, what should I set? Should I remove the tags?
Thank you!

Please contact administrator
for this information.

#354820 Copied

Rose Tyler

Support staff

April 28, 2023 at 13:49

Hello, Creativesite,

Thank you for your response.

“Is it possible to have the title start in the first line?” – it is not possible, unfortunately.

In case you would like to see your sale text not in square ( https://prnt.sc/dPukaRshBHIt ), just leave this option empty → https://prnt.sc/k4lCv0cIsIHL

If you have any other questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Kind Regards,
8theme team

#354844 Copied

creativesite

Participant

April 28, 2023 at 16:26

Okay, thank you!

And is there possibly a code to customize these areas as well to get a more clean look?
-Related products
-Upsell products
https://postimg.cc/nMm5dskY

Thank you!

Please contact administrator
for this information.

#354856 Copied
Rose Tyler

Support staff

April 28, 2023 at 16:41
Hello, Creativesite,

Thank you for your response.

Please edit this part of the code https://prnt.sc/utMCSts7oQRI and add
!important;
```
.swiper-wrapper {
    height: auto !important;
}
```
Kind Regards,
8theme team
#354858 Copied
creativesite

Participant

April 29, 2023 at 18:27

Okay, thank you very much! 🙂 It looks perfect now!

#354913 Copied

Rose Tyler

Support staff

April 30, 2023 at 08:38

Hello, Creativesite,

You’re welcome!

Kind Regards,
8theme team

#354928 Copied
Tagged: clean, design, look, structured, themes, woocommerce, wordpress
Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Product look more structured and clean look’' has been successfully resolved, and the topic is now closed for further responses

Product look more structured and clean look

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection