Product Category Styling | PenciDesign Support

theorganisedhousewife replied

7 years ago

Customer Reply

thank you all worked, I appreciate your help.

PenciDesign replied

7 years ago

Staff Reply

Hi,

\

1/ Please try add more this code to Customize > Custom CSS to do that:

\

\
body.tax-product_cat .woocommerce-products-header{\
    position: relative;\
    padding-bottom: 16px;\
    margin-bottom: 30px;\
}\
body.tax-product_cat .woocommerce-products-header .woocommerce-products-header__title.page-title{\
    text-align: center;\
    font-size: 24px;\
    color: #313131;\
    text-transform: uppercase;\
}\
body.tax-product_cat .woocommerce-products-header .woocommerce-products-header__title.page-title:before, \
body.tax-product_cat .woocommerce-products-header .woocommerce-products-header__title.page-title:after {\
    content: "";\
    width: 90px;\
    height: 1px;\
    position: absolute;\
    left: 50%;\
    margin-left: -45px;\
    bottom: 0;\
    background: #88cfd3;\
}\
body.tax-product_cat .woocommerce-products-header .woocommerce-products-header__title.page-title:after {\
    width: 60px;\
    bottom: -5px;\
    margin-left: -30px;\
}\

\ \

2/ Please try add more this code to Customize > Custom CSS to fixed that:

\

\
body.tax-product_cat .term-description p, body.tax-product_cat .term-description hr{ margin-bottom: 17px; }\
body.tax-product_cat .term-description h1, body.tax-product_cat .term-description h2, body.tax-product_cat .term-description h3, body.tax-product_cat .term-description h4, body.tax-product_cat .term-description h5, body.tax-product_cat .term-description h6{ margin-bottom: 17px; }\

\ \

Best Regards,

\

PenciDesign

theorganisedhousewife started the conversation

7 years ago

Conversation Start

Hi there, I'm having two troubles.

1.

We are having trouble getting this category page - https://theorganisedhousewife.com.au/shop/product-category/physical/lunch-boxes/

to look like this page with the heading in the middle and the two lines separating the heading from the body - https://theorganisedhousewife.com.au/shop/whats-new/

2.

\

When I am separating the paragraphs on the product description page the lines are all still staying together. How can I seperate the paragraphs.

\

Thank you