Return to previous page

Shop page - by Daniel0002 - on WordPress WooCommerce support

This topic has 9 replies, 3 voices, and was last updated 2 years, 10 months ago ago by Daniel0002

Daniel0002

Participant

June 18, 2021 at 20:26

Hi,

I have a request and can you please send me a CSS code with which I can round off the product images on the shop page and then insert shadows?

Best regards
Daniel

#291388 Copied Theme version: 7.2.11

8 Answers
Rose Tyler

Support staff

June 19, 2021 at 09:10
Hello,

Thanks for using our theme.
Try to add the next code in Theme Options > Theme custom CSS:
```
.content-product .product-content-image img {
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}
.content-product .product-content-image {
    padding: 10px;
}
```
https://css3gen.com/box-shadow/

Regards
#291413 Copied
Daniel0002

Participant

June 20, 2021 at 16:12

Hi ,

thank you, it worked great. But there is one more problem and I have created a static block with elementor and inserted it as a max mega menu so far so good only when I complete a page it works fine as long as I use the standard header. but if I build a whole page with elementor and insert the menu then the mega menu is wider than the screen (19 inch laptop)
https://www.mediafire.com/file/3pz1x4lrop8npmz/Capture_Max+Mega+Menu+zu+breit.mp4/file
send you a video about how to solve the problem?

Best regards
Daniel

#291509 Copied
Olga Barlow

Support staff

June 22, 2021 at 14:39
Hello,

Try to add the below code to Theme Options > Custom CSS and let me know if this is suitable for you.
```
.item-design-mega-menu.menu-item .nav-sublist-dropdown {
    max-width: calc(100vw - 30px);
    max-height: calc(80vh - 50px);
    overflow: auto;
    left: -11vw;
    right: 0;
}
.menu-element .menu li {
    position: static;
}
```
Regards
#291662 Copied
Daniel0002

Participant

June 23, 2021 at 19:25

Hi Olga,

thanks for the code it worked great. I have two more questions for you.
1. Is it possible to activate a transparent header only for certain pages?
2. For the mobile, I always need one product per row on the shop page, I’ve already received a code, but it doesn’t work if I set the layout to full width, can you send me another code, please?

Best regards
Daniel

#291822 Copied

Olga Barlow

Support staff

June 23, 2021 at 21:09

Hello,

You are welcome.
1) It’s possible if you use our header builder. You can use the Multiple header feature https://youtu.be/BpeXfzNwkOc I don’t know if this is possible if you use the header created using Elementor Pro header builder. Ask plugin author about this.

2) Provide us with link to page where you have the mentioned issue.

Regards

#291837 Copied

Daniel0002

Participant

June 24, 2021 at 19:54

Hi Olaga,

thank you, I’ll send you the link to the page.
https://getwoo.de/shop/

best regards
Daniel

#291994 Copied

Rose Tyler

Support staff

June 25, 2021 at 07:40

Hello,

Add !important; – for example – https://gyazo.com/f46a45c11a37a9c879017fa27e718c5b

Regards

#292031 Copied

Daniel0002

Participant

June 25, 2021 at 17:24

Hi Rose,

it worked, thank you.

best regards
Daniel

#292136 Copied
Viewing 9 results - 1 through 9 (of 9 total)