Return to previous page

Product Category title under image - by Gayleen

This topic has 4 replies, 2 voices, and was last updated 6 years, 3 months ago ago by Rose Tyler

  • Avatar: gayleen
    Gayleen
    Participant
    September 13, 2018 at 03:00

    Hi
    Can you please provide us with custom css so that the subcategory title appears UNDER the image, rather than on top of it, here:

    https://ctsfishing.com/product-category/rod-building/guides

    Thanks

    #199389 Copied Theme version: 1.0 WooCommerce version: 3.4.5
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 13, 2018 at 08:09

    Hello,

    Theme Options > E-commerce > Categories > Text vertical align > Bottom OR add this code in Theme Options > Styling > Custom css:

    .category-grid .categories-mask {
    bottom: -35%;
    top: unset;
}
.products-grid .product-category {
    margin-bottom: 5% !important;
}

    Let me know the result.

    Regards

    #199394 Copied
    Avatar: gayleen
    Gayleen
    Participant
    September 13, 2018 at 09:22

    Thanks for the quick reply!
    The Theme Options / Vertical Align: Bottom did not push the text down far enough.
    I tried the CSS instead, and it is better, but it still covers the image:

    https://ctsfishing.com/product-category/guides/

    #199402 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 13, 2018 at 09:30

    Please change the previous code to:

    .category-grid .categories-mask {
    bottom: -30% !important;
    top: unset !important;
}

.products-grid .product-category {
    margin-bottom: 10% !important;
}
.shop-full-width {
    padding-bottom: 1em;
}

    Regards

    #199403 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Cleaning – WordPress WooCommerce Theme
lazy-placeholder
Legenda – WooCommerce WordPress Theme
lazy-placeholder
Church – WordPress Theme
lazy-placeholder
Hotel – WordPress Theme
lazy-placeholder
Interior Store – WooCommerce Theme
lazy-placeholder
Tea Store – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Lifestyle Blog – WordPress WooCommerce Theme
lazy-placeholder
Marseille 02 – WordPress WooCommerce Theme
lazy-placeholder
Business Card – WordPress Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.