Home Forums Basel support forum ALIGNMENT OF PRODUCT BUTTONS ON SHOP PAGE

ALIGNMENT OF PRODUCT BUTTONS ON SHOP PAGE

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #90722

    Jeriss Cloud Center
    Participant

    Dear,

    As you see, on my shop page, I have product having long titles and some others with shorter titles. However, this is causing differences in the alignment of :
    – brand title
    – price
    – action button

    I already found the CSS code myself for aligning to the top the product titles (because that’s from my own custom personalization).

    .basel-hover-standard .product-title a{
    vertical-align: top;
    }

    But the alignment of the rest is theme-related code, which is not user-friendly. How can I change this alignment? To make sure that all the above points are aligned despite of having of product title of 1 line or 2 lines.

    Attachments:
    You must be logged in to view attached files.
    #90775

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global

    body .basel-hover-standard .product-title a {
        min-height: 32px;
    }

    Best Regards

    #90787

    Jeriss Cloud Center
    Participant

    Great, thanks! Your code works well.

    However, I notice that the other part of the code which I mentionned before is not working that much fine in fact. See the screenshot :

    Product 1 1 line aligned middle
    Product 2 2 lines aligned middle
    Product 3 1 line aligned middle
    Product 4 2 lines aligned to top

    Would you advise any other code than the one I found?

    Attachments:
    You must be logged in to view attached files.
    #90791

    Hello,

    The title level is the same http://prntscr.com/ll6ibf and there is no means to align more.

    Best Regards

    #90792

    Jeriss Cloud Center
    Participant

    Ok thanks for your help
    Issue closed

    #90811

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘ALIGNMENT OF PRODUCT BUTTONS ON SHOP PAGE’ is closed to new replies.