-
AuthorPosts
-
August 28, 2018 at 1:34 pm #1002686
Hi guys
On my product page (please see private area link) the share buttons and some text on certain products are dropping below the product image and aligned left (ie not lined up with the main product text).
Is there a way to keep the whole product text aligned as in my screenshot (see private area).
I can see .single-product-main-image {
width: 33%;
padding-bottom: 50px;}
but do not really want to increase the padding-bottom as some text will be quite long.Many thanks in advance.
Dan
August 28, 2018 at 9:57 pm #1002872Hey sjidesign,
If I try to resize it with CSS the result is not the best, have you tried change the image size completely?
Best regards,
BasilisSeptember 3, 2018 at 10:13 am #1004829Hi Basilis
Thanks for the reply, sorry I haven’t answered sooner but i’ve been away.
Is there a way to get the product text and options etc. lined up as in my screenshot?
I basically want white space under the image column and all the product deatils, options, share etc.aligned as screenshot.
Regards
Dan
September 3, 2018 at 11:35 am #1004873Hi Dan,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (min-width: 768px) { .heateor_sss_sharing_container { padding-left: 36.5%; } }
Best regards,
RikardSeptember 3, 2018 at 11:43 am #1004882Hi Dan,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width:1150px) { .product. .heateor_sss_sharing_container.heateor_sss_horizontal_sharing { width: 67%; padding-left: 50px; float: right; } }
If you need further assistance please let us know.
Best regards,
VictoriaSeptember 3, 2018 at 12:01 pm #1004902Hi Rikard/Victoria
Thank you very much for your help.
As always superb supportfrom you guys, the code works perfectly. Just what I wanted.
Thank you again, very much appreciated.
Regards
Dan
September 3, 2018 at 1:33 pm #1004944 -
AuthorPosts
- You must be logged in to reply to this topic.