Shop appearance (adding dividers to the shop)

HI @jazzu,

Under Appearance > Customize > WooCommerce > Product Catalog. you can choose to display both products and categories in “Shop page display”.

Get to know how to customize your shop and product pages here:
https://woocommerce.com/document/woocommerce-customizer/

I hope this helps.

best,

Hi @csnlima !

Thank you for your reply.

I’ll make myself more clear – The shop is displaying exactly what I want – categories and products. What I want is to put a border / divider between the actual categories and products (like a line between them) or something like that.

I tried using CSS to create a border on the bottom of categories, however, since they are not physically connected, there are gaps in the border, which I don’t want.

Kind regards

Hi @jazzu

I want to put a border / divider between the actual categories and products (like a line between them) or something like that

Thanks for clarifying.

I wasn’t able to produce a similar divider on my test site but I came across a few good articles (shared below) that have offered ways to achieve that. Taking cue from the suggestions offered here and by tweaking the code a bit you may be able to produce the desired effect.

• https://www.w3schools.com/howto/howto_css_dividers.asp
• https://uicookies.com/css-divider/
• https://freefrontend.com/css-dividers/
• https://ricardometring.com/horizontal-separator-html-css

If you’d like to learn more about CSS, we highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

Okay, it’s pretty clear that we didn’t understand eachother, but thanks for attempting to help! The problem was the gap between actual categories, which I fixed with margin: 0 !important.

Kind regards

Hi @jazzu

The problem was the gap between actual categories, which I fixed with margin: 0 !important.

I see!

Glad to hear you got it sorted out.

I’m marking this topic as resolved.

Feel free to create a new topic if you have any other questions.

Cheers