Return to previous page

CSS and styling doesn’t work on shop page

This topic has 9 replies, 2 voices, and was last updated 2 years, 4 months ago ago by Delal

Delal

Participant

October 17, 2022 at 09:27

Hi!
I’m using WPBakery page builder to set up may pages and sometimes I want to add some extra CSS for that page only. But I have noticed that, for the shop page the added styling doesn’t work and other styling like backgrounds and borders added with WP bakery is not showing either.
Will you please help me with this issue as it brakes the overall looks of my shop page.
Best // Del

Please, contact administrator
for this information.

#336626 Copied Theme version: 8.3.2

8 Answers

Tony Rodriguez

Support staff

October 17, 2022 at 09:57

Hello, @Delal,

Actually, The normal pages of the site are editable with the page builder plugin but the archive pages like the shop page not. This page is coming from the WooCommerce plugin and to set the styling on this page our theme added some options in the XSTORE >> Theme Options >> WooCommerce >> (Shop, and Shop Elements check image: https://postimg.cc/nj14TPjK ) In these both options you can set the settings from available options.

If you need to add the custom CSS code for some of the Elements you want. You can add your custom CSS code in the Theme options >> Theme custom CSS >> Global check image: https://postimg.cc/gLP7LQ9v it will work for you.

Regards 8Themes Team.

#336630 Copied

Delal

Participant

October 17, 2022 at 12:24

Hello again and thank you for your answer!
I found out that I can use static blocks on the shop page and in that way build the page the way I want it. Only one thing… Is there a way that I can hide the list of products that automatically shows on the page?

#336646 Copied

Tony Rodriguez

Support staff

October 18, 2022 at 06:28

Hello, @Delal,

Actually, there is no option in the theme to hide the products that come on the shop page by default. Because the shop page is coming from the WooCommerce plugin. But when I checked your site you created a block for the shop page this one: https://postimg.cc/f3dx7pwN and then I checked the shop page on your site the products are not appearing and the block you created appears on the shop page only check the image: https://postimg.cc/r08N8gk2 it looks like you already achieve what you want? Am I right?

Regards 8Themes Team.

#336702 Copied

Delal

Participant

October 18, 2022 at 08:37

Hi Tony!
Yes, I can now add what I want to the shop page and style it using static block. The only thing now is that I wish to hide the automatic generated content.

#336734 Copied

Tony Rodriguez

Support staff

October 18, 2022 at 08:39

Hello, @Delal,

Could you please share the screenshot of that content and the page URL as well on which that content is, so that I will check it for you and assist you accordingly?

Regards 8Themes Team.

#336735 Copied

Delal

Participant

October 18, 2022 at 08:48

https://wellerpetcare.se/butik/

https://postimg.cc/BPcC6sP2

#336736 Copied
Tony Rodriguez

Support staff

October 18, 2022 at 09:49
Hello, @Delal,

In order to solve your issue please copy and paste the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS >> Global CSS and check back to your site after removing the browser cache.

.woocommerce-shop .products-grid:nth-child(2) { display: none !important; }

Regards 8Themes Team.
#336741 Copied
Delal

Participant

October 18, 2022 at 09:57

Thank you so much for your help!!!

#336742 Copied
Tagged: best selling, persuasive, styling, themes, woocommerce
Viewing 9 results - 1 through 9 (of 9 total)