Archive page: Product card design – icons are not aligned center

This topic has 4 replies, 3 voices, and was last updated 1 weeks, 3 days ago ago by Andrew Mitchell

  • Avatar: SS
    SS
    Participant
    April 23, 2024 at 06:52

    Hi Team Support,

    I’d like your advise how to adjust the icon position again.
    As you see the screenshots, the quick view is not centered like wishlist icon on Shop archive page.

    Looking forward to hearing your advice.

    Thank you!

    Content is visible for topic creator and
    support staff only.
    Files is visible for topic creator and
    support staff only.
    3 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    April 23, 2024 at 07:44

    Hi @SS,

    Please try adding the following CSS under Theme Options > Theme Custom CSS > Global CSS:

    
    .view-color-white .footer-product .show-quickly {
        text-align: center;
        display: grid;
    }
    .view-color-white .footer-product .show-quickly::before {
        line-height: 36px;
    }
    

    Hope it helps!

    Avatar: SS
    SS
    Participant
    April 23, 2024 at 14:49

    Works well! Thanks!

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    April 23, 2024 at 14:49

    Dear SS,

    We hope you’re reveling in the experience our theme brings! Your enthusiasm is what fuels our passion. Would you be so kind as to channel that energy into a 5-star rating on ThemeForest? Your feedback is the spark that lights our way!

    Click here to spread the love: https://themeforest.net/downloads

    Thank you for being an integral part of our journey!

    Best Regards,
    The 8Theme Team

  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Archive page: Product card design – icons are not aligned center’' has been successfully resolved, and the topic is now closed for further responses

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