Home Forums Basel support forum Change Alignment of a Product Page Field

Change Alignment of a Product Page Field

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

    Jeriss Cloud Center
    Participant

    Please check the screenshots in attachment with AS IS (how it is currently) and TO BE (modified screenshot just like I’d like it to be). It refers to the variation fields on the product page.

    I would like to change the way the variation “title” appears. Instead of being centered in height, I’d like they be aligned to the top.

    Is this possible?

    #85753

    Artem Temos
    Keymaster

    Hi,

    Could you please reupload your screenshots in a size smaller than 512KB? Or upload it to some cloud service like Dropbox or Google Drive.

    Thank you in advance

    #85768

    Jeriss Cloud Center
    Participant

    See attachments

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

    Hello,

    Add this code to the Theme Settings > Custom CSS:

    .single-product-content .variations td {
        vertical-align: top;
    }
    
    .single-product-content .variations label {
        padding-top: 10px;
    }

    Best Regards

    #85881

    Jeriss Cloud Center
    Participant

    Good. Code is working fine, issue closed.

    #85890

    You are welcome!

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

The topic ‘Change Alignment of a Product Page Field’ is closed to new replies.