Align Text and Image?

Hi,

For some reason these have moved out of place.

How do I align the text and image in desktop view across all my products?

https://www.mattportch.com/limited-edition-prints/p/the-wall-frame

4 hours ago, mportch said:

Hi,

For some reason these have moved out of place.

How do I align the text and image in desktop view across all my products?

 

https://www.mattportch.com/limited-edition-prints/p/the-wall-frame

This code make your gallery center in flex box verticle.

You can try the following custom CSS to overwrite it

.tweak-product-basic-item-content-alignment-center:not(.tweak-product-basic-item-gallery-design-stacked) .ProductItem .ProductItem-summary {
  align-items: flex-start;
}

Here is my test

I hope it can help

Thanks. Unfortunately it doesn't anchor the top of text to the image. Meaning it's only level depending on the size of your browser. If you scale the browser it doesn't line up.

I must have added or deleted some code I was unaware of the past few days because it was aligning level for years without moving.

On 8/9/2024 at 7:11 AM, mportch said:

Thanks. Unfortunately it doesn't anchor the top of text to the image. Meaning it's only level depending on the size of your browser. If you scale the browser it doesn't line up.

I must have added or deleted some code I was unaware of the past few days because it was aligning level for years without moving.

I think you can try this code

section.product-details.ProductItem-details {
    padding-top: 0px !important;
}
nav.ProductItem-nav {
    display: none !important;
}

Thanks but this doesn't seem to work either. The text section moves independently from the image on the left. Feels like it needs some code to make them anchor together no matter the browser size. Frustrating because I had it then must have deleted some code somewhere recently.