Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #1766342
Product Category Styling
Closed

Comments

  •  1
    theorganisedhousewife started the conversation
    October 31, 2018 at 12:08am

    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

  •  2,700
    PenciDesign replied
    October 31, 2018 at 3:48am

    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

  •  1
    theorganisedhousewife replied
    October 31, 2018 at 7:48am

    thank you all worked, I appreciate your help.