Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 26, 2020 at 9:11 pm #1207352
    bobfurgo

    hi guys,

    i am trying to get the product image and info on the right have their bottom borders line up.

    I put a bottom border on .product class but it was uneven with the images border so I took the bottom border of the image off. When i did that, the product border was hidden by the image on my 16 inch macbook.

    Any suggestions? Thanks

    April 28, 2020 at 4:47 pm #1207850
    Victoria

    Hey bobfurgo,

    Best regards,
    Victoria

    April 28, 2020 at 4:51 pm #1207852
    bobfurgo

    Hi! Can you try again? It’s loading for me.

    May 1, 2020 at 11:48 pm #1209007
    Mike

    Hi,
    Sorry for the late reply, please try this css and remove yours, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.single-product .container_wrap_first {
	border: 1px solid #000;
}
#top.single-product .single-product-main-image.alpha {
	border-right: 1px solid #000;
}

    Best regards,
    Mike

    May 3, 2020 at 6:27 pm #1209320
    bobfurgo

    THANK YOU SO MUCH!

    Just one more question related to this, the bottom border is really low, you have to scroll down the page a bit before it shows. how can i push it up some?

    May 3, 2020 at 7:43 pm #1209330
    Mike

    Hi,
    Try this and adjust the height to suit:

    @media only screen and (min-width: 767px) { 
.single-product .single-product-main-image {
    height: 600px;
    border: 1px solid #000;
}
.single-product .container_wrap_first {
	height: 600px;
}
}

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.