Return to previous page

Short description widget data not showing correctly on single product page

This topic has 7 replies, 3 voices, and was last updated 3 months, 3 weeks ago ago by Andrew Mitchell

Applesandcider

Participant

June 25, 2024 at 04:14

Hi,

I have created a short description for my products, and would like to show them on each single product page. However it seems like the icons are not staying in line and are going slightly above where they are supposed to be.

See “Short description” screenshot – This is what I’ve written for the short descriptions. That style is repeated for all the products, just the data is changed slightly.

See “Short description homepage” screenshot – This is how it’s supposed to look and it’s working great here

See “Short description on single product page” screenshot – This is what it looks like on the single product page. As you can see, the icons have moved slightly.

Any help to get the icons all lined up correctly would be great, inline to the corresponding text would be great.

Thanks!

Please, contact administrator
for this information.

#401348 Copied Theme version: 9.3.13

6 Answers

Applesandcider

Participant

June 25, 2024 at 04:15

See attachments

Files is visible for topic creator and
support staff only.

#401349 Copied
Luca Rossi

Support staff

June 25, 2024 at 07:11
Hi @Applesandcider,

Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:
```
.single-product .woocommerce-product-details__short-description p,
.single-product .woocommerce-product-details__short-description p strong {
    display: flex;
}
.single-product .woocommerce-product-details__short-description p strong:last-child {
    margin-right: 10px;
}
.single-product .woocommerce-product-details__short-description p {
    margin-bottom: 15px;
}
.single-product .woocommerce-product-details__short-description p img {
    width: 25px;
    height: auto;
}
```
https://prnt.sc/DTRIG1jz6Fc6

Hope it helps!
#401387 Copied
Applesandcider

Participant

June 25, 2024 at 07:53

Hi,

That worked great for the single product pages thank you. Only section left that is still doing the same problem is the product carousel that can be viewed on the homepage, when viewing on mobile. Please see attached to see what I mean.

Thanks

Files is visible for topic creator and
support staff only.

#401417 Copied
Luca Rossi

Support staff

June 25, 2024 at 08:24
Hi @Applesandcider,

In this case, please update the previous CSS codes to this:
```
.woocommerce-product-details__short-description p,
.woocommerce-product-details__short-description p strong {
    display: flex;
}
.woocommerce-product-details__short-description p strong:last-child {
    margin-right: 10px;
}
.woocommerce-product-details__short-description p {
    margin-bottom: 15px;
}
.woocommerce-product-details__short-description p img {
    width: 25px;
    height: auto;
}
```
Let us know how it goes!
#401433 Copied
Applesandcider

Participant

June 25, 2024 at 09:17

That all worked thank you!

#401455 Copied

Andrew Mitchell

Support staff

June 25, 2024 at 09:17

Dear Applesandcider,

As we continue our mission to exceed expectations, your insights become increasingly valuable. Could we, with all due respect, request your thoughtful feedback by giving our theme a deserved 5-star rating on ThemeForest?

Click here to share your valuable perspective: https://themeforest.net/downloads

Your time and trust are highly appreciated!

Best Regards,
The 8Theme Team

#401456 Copied
Tagged: best selling, product page issue, short description widget, single-product page, woocommerce product page, woocommerce themes, woocommerce troubleshooting
Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘Short description widget data not showing correctly on single product page’' has been successfully resolved, and the topic is now closed for further responses

Short description widget data not showing correctly on single product page

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection