Return to previous page

XStore EcoTransport demo borders around product image on product page

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

Robert

Participant

April 2, 2020 at 23:48

Hi

https://xstore.8theme.com/demos/2/ecotransport/product/eco-scooter-ver-2-0/

On the XStore EcoTransport demo, the main image on the product page has a border around it with curved corners. I can’t see where the settings that determine this are? Is it done in the theme Customizer? I can’t find the settings and I can’t find any CSS relating to it? I would like to try and replicate it on a site that uses a different demo. I would be grateful for some help in knowing where to look, please?

Regards
Robert

#232481 Copied Theme version: 6.2.13

5 Answers
Rose Tyler

Support staff

April 3, 2020 at 06:56
Hello,

This custom CSS was added in Theme Options > Theme Custom CSS > Global custom CSS for the mentioned version:
```
.single-product .main-images > div {
    border: 2px solid #e2e2e2 !important;
    border-radius: 20px;
    padding: 5px;
    margin-bottom: 35px;
}
.single-product .main-images > div:hover {
    border-color: #5556ff !important;
}
```
Regards
#232494 Copied
Robert

Participant

April 3, 2020 at 15:45

Hi Rose

Thank you very much. Not sure how I missed that. Seems a bit obvious now. ?

Regards
Robert

#232537 Copied

Rose Tyler

Support staff

April 3, 2020 at 15:51

Hello,

You’re welcome!
Have a nice day.

Regards

#232538 Copied

Robert

Participant

April 3, 2020 at 16:54

Sorry to bother you again.

When I add a product that has square product images and does not have a white background, I can see a lot of white padding above and below the main image on the single product page. I’d like to know where to delete this extra white space? The space is between the product image and the 2px border, but only on the top and bottom borders, not the side borders.

Removing the curved corners by taking away the code for this does not remove the white padding.

removing this doesn’t do it: border-radius: 20px;

Looked everywhere for padding settings in the Single Product Builder, but can’t see it.

Robert

#232545 Copied

Rose Tyler

Support staff

April 4, 2020 at 06:57

Hello,

Please provide URL from your site.

Regards

#232587 Copied
Viewing 6 results - 1 through 6 (of 6 total)