Return to previous page

Gap in btwn main image and product title

This topic has 6 replies, 3 voices, and was last updated 1 years, 4 months ago ago by ubansal

ubansal

Participant

August 3, 2023 at 08:36

https://prnt.sc/EVpsimyEz4MK

as you can see there is a gap between main image and product title please help me reduce it as it look very bad

Please, contact administrator
for this information.

#363564 Copied Theme version: 9.1.6

5 Answers
Tony Rodriguez

Support staff

August 3, 2023 at 08:41
Hello @ubansal,

In order to resolve your issue, please copy and paste the following CSS code into Xstore >> Theme Options >> Theme Custom CSS >> Mobile CSS and Mobile LandScape CSS. After doing so, please clear your browser cache and check back to your site.
```
.single-product .product-images {
    margin-bottom: 0 !important;
}
.single-product .woocommerce-product-gallery .swiper-container {
    margin-bottom: 0 !important;
}
```
Best Regards,
8Theme’s Team
#363567 Copied
Rose Tyler

Support staff

August 3, 2023 at 08:43
Hello, @ubansal,

Thank you for choosing XStore as your WooCommerce WordPress theme.

Please change this custom CSS code https://prnt.sc/xD4LXOBTNATI to
```
@media only screen and (max-width: 768px) {
 .single-product div#swiper-unique-id-2 {
     display: none;
 }
 .product-images {
     margin-bottom: 10px;
 }
}
```
We hope this answer is helpful.

Kind Regards,
8theme team
#363569 Copied
ubansal

Participant

August 3, 2023 at 08:45

i added the code but it didnt work.

#363570 Copied

Rose Tyler

Support staff

August 3, 2023 at 08:50

Hello, @ubansal,

Please check now – https://prnt.sc/fnrCWUtWNH3T

Kind Regards,
8theme team

#363573 Copied

ubansal

Participant

August 3, 2023 at 10:49

THANKS

#363582 Copied
Tagged: main image, product title, seo friendly, templates, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)