Background images on Woocommerce shop sections

SENAPEstudio

Hello guys,

congratulations on your template we have been using it for a couple of times and we are enjoying it.

At the moment we don't understand how to add background images to the "shop" / "wishlist" / "cart" sections ... obviously we talk through the woocommerce plugin.

(working on Dietitan 3 prebuilt)

------

We also ask how to combine the woocommerce menu with the header in a single bar.

We look forward to your.

In the meantime, thanks and good luck.

Phil

Hello,

1) Please edit these pages, set the Subheader image for them, and check if this is what you want to achieve.

If the display does not suit you, please, attach a link to your website.

2) Please go to Betheme -> Theme options -> Custom CSS & JS -> CSS, find a CSS similar to the one below, but replace yours with this one:

@media only screen and (min-width: 768px) {
.top_bar_left{
 border-radius:50px 0 0 50px;
 box-shadow: 0px 12px 50px 0px rgba(19,84,71,0.08); 
 padding:0 20px;}
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

SENAPEstudio

Thank you! The subheader immage works... 😅

YES the code joins them, but the result is this ...

I would like to come up with the menu like this (photoshopped) ...

It is possible?

We look forward to your.

Thanks for the support.

Phil

Yes, this is possible with a little more CSS.

Please let me know if you need help with writing it, but I will need a link to your website.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

SENAPEstudio

Wow that would be great, CSS it's not my best...

I leave you the link below:

https://vegfather.com/negozio/

A thousand thanks!

Phil

Please, use the following code:

.header-modern #Top_bar .top_bar_right::before {
   display: none!important;
}
.header-modern #Top_bar .top_bar_right{
   margin-left: 0!important;
   top:0!important;
   border-radius: 0 50px 50px 0!important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next