Few quick questions

Dresstive

Hello! 

I've a few quick WooCommerce questions and I hope you could answer them for me! I tried following the WooCommerce documentation and added the code they show, but it somewhat doesn't work. I put it under CustomCSS.

1. I want to change the background of the demo message/site wide store message, but this custom css doesn't seem to work:

p.demo_store {background: white;} 

2. The site wide store message covers the sticky menu. Is it possible to disable the woo commerce demo/sitewide store message from scrolling/going sticky. So it is only displayed in the top but not when you scroll down.

3. Is it possible to hide the product categories and SKU number from a product page? I mean once you click onto the product and read the description and everything.

THANK YOU SO MUCH IN ADVANCE!

Albert

Hi,

1. Any link to page where you would like to change this color?

2. We are sorry but we do not have any solution to make it possible.

3. Please also send us link to page where from you want to remove those details.

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

Dresstive

Thanks so much for getting back to me! Amazing help as always.

1. The WooCommerce Demo Message is on every page. It is just the standard WooCommerce one. They have Custom CSS like the one I sent on their site, but your CSS seems to be different because it does not change. It is for my website http://marketingstimuli.com. I am installing WooCommerce and will import betheme pharmacy.

2. Ok no problem at all! Thanks for trying.

3. Here is an example. I import BeTheme Pharmacy and it has the categories and if you write a SKU also the SKU. http://themes.muffingroup.com/be/pharmacy/product/donec-arcu-risus/

Thanks so much!! My support runs out soon so I'll buy it again

Albert

1. Sorry but we do not see any message on your site. Could you send us like to page where this message is? We really don't see anything on your site.

3. Because you didn't sent us link to page where you got SKU we are not sure if the css will give you below works, but is works on our end for categories section:

.woocommerce .product div.entry-summary .product_meta { display: none !important; }

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

Dresstive

1. Of course. Sorry, I forgot to click enable. You should be able to see it all now in the top.I'd just like to change the purple to black. It says: This is a demo store for testing purposes — no orders shall be fulfilled.

2. Do you also see how it covers the menu when I scroll. There is no way to fix this?  

3. AMAZING!! It worked.. You guys are so good... Omg. Thanks so much!

4. Also is it possible to hide Action Button on mobile but keep the other icons? I see under BeTheme options you can hide icons, but I'd like to keep the cart + the search icon and just remove the action button from mobiles because it's too big.

5. Also I tried to remove the filter price thing in WooCommerce because I've so few products I don't need it. But the custom CSS I wrote doesn't work, any idea what I need to edit? Same as here http://themes.muffingroup.com/be/pharmacy/shop/ just want to remove the Filter price in the right.

.woocommerce_filter_section .adaptive.alignright { display:none !important; } 

Thanks a lot!!

Albert

1. Ok, got it finally. So to change it's background, please use the following css:

p.demo_store { background: #000 !important; }

2. Yes, we can see it. But to move sticky top bar, use:

#Top_bar.is-sticky { top: 45px !important; }

4. To remove Action Button on specific screen sizes, use:

@media only screen and (max-width: XXXpx) {
    #Top_bar a.button.action_button { display: none !important; }
}

instead of XXX put the max screen width where from the button should be removed.

5. Filter price is a widget what means you need to remove it from Widgets section.

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

Dresstive

You guys... Are so amazing! Thank you so much!

1. Worked perfectly.

2. Worked perfectly.

4. Worked perfectly.

As for number 5, it's not actually a widget. Not the one that appears in my WooCommerce at least. I know you can add the widget, but in this case it isn't added in there. I checked all of the widgets and none of them have the price filter added, so this one seems to just come naturally on all product pages through WooCommerce. The reason I want it removed is because my cache (WP-Rocket) bugs the price filter, and I don't know how to put an exception in the cache, so I figured I'll just remove it because WP Rocket doesn't want to help with the name of it (they're not as awesome as you guys).

So it needs custom css to be removed. I tried to write it and I tried to google, but everyone seems to come up with this code for it: .woocommerce_filter_section .adaptive.alignright { display:none !important; } but it doesn't work. Do you have any idea what CSS would hide it?

Thanks so much.. Once again this is just amazing. You guys are the absolutely best support team and theme out there, and people will always support BeTheme because of it. It's such great marketing from you guys, because everyone you help out are so thankful and we all recommend BeTheme. 

Keep being awesome and keep growing! Thanks a lot once again.. Everything but 5. just worked flawlessly!

Albert

So if you really want to remove filtering widget with custom css, please use the following css:

.widget_price_filter { display: none !important; }

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

Dresstive

You guys are fucking amazing! Thanks! 

Albert

Thanks

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

Dresstive

Oh one last thing. My menu disappears when I open product pages but works everywhere else. So if I go to front page or contact it works but on the woocommerce shop pages it disappears. Any idea why?

Albert

Please send us link to page where this menu disappears so we can have a look on it first.

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

Dresstive

Same site as before! But I found the issue. I had to disable JS in my Cache and it works now! Thanks as always guys!