Okay
  Public Ticket #2167707
Catalogies titles
Closed

Comments

  • quantn251 started the conversation
    September 29, 2019 at 11:18am

    When list item in catelogies, the title show as in picture, in midle of the catelogy.

    I want to move the title below the picture so it does not block the image.

    Thanks

  • [deleted] replied
    September 30, 2019 at 12:40pm

    Hi quantn251,

    Please add the code below to your Custom CSS area:

    .woocommerce-loop-category__title, .woocommerce .shop-categories .product-category h3 {
    position: relative;
    background: transparent;
    padding: 0px;
    transform: unset;
    left: auto;
    top: auto;
    text-align: center;
    margin-top: 15px;
}

    Have a nice day!

  •  15
    hahni replied
    October 1, 2019 at 10:52am

    It should be:

    .woocommerce-loop-category__title, .woocommerce .shop-categories .product-category h2

    in my normal unchanged theme code and css code the text is h2 - but assigned is a "h3" css too - I tried myself to use the css snippet - but it won't work with h2 and h3 in my case ???

  • [deleted] replied
    October 2, 2019 at 7:52am

    Hi hahni,

    Can you please write URL of this exact page please?

    Thanks!

  •  15
    hahni replied
    October 3, 2019 at 9:32am

    Hello Ylli

    i will make you some screenshots and will post these here.

  • quantn251 replied
    October 5, 2019 at 5:19pm

    H Ylli.

    Thank for your help but the code not working. Maybe my explan is not clear.

    What I do is i go to WooCommerce > Product Categories to show all the categories that i have.

    On the page that show the categories, all the title is in the middle of the picture which block half of the picture. i want to move the title of the categories down as in the picture below.

  • [deleted] replied
    October 7, 2019 at 7:55am

    Hi quantn251,

    Please add the code below to your Custom CSS area:

    .woocommerce .shop-categories .product-category .woocommerce-loop-category__title, .woocommerce .shop-categories .product-category h3 {
    position: relative !important;
    background: transparent;
    padding: 0px;
    transform: unset;
    left: auto;
    top: auto;
    text-align: center;
    margin-top: 15px;
}

    Have a nice day!

  • quantn251 replied
    October 10, 2019 at 8:06am

    it works. thank you. next time if i need help i would post more details

  • [deleted] replied
    October 10, 2019 at 8:07am

    Happy to hear that the change now works as it should.

    I wish you have a wonderful daysmile.png

    P.S: If you like the theme, it would help us a lot if you could give us a five-star rating on Themeforest from your Downloads tab.

    A huge thank you from me and Laborator in advance.