eStore – fancy2 display….text wrapping as an option

[simonsayzzz]

I use fancy 2 display on my website and it displays great except for one thing, the descriptive text does not wrap around below the image (does not justify left). See … [http://sandspublishing.com/wp-store/bookstore/] This however is ok for most PC/Mac/Ipad users but it does not look good on a mobile as the descriptive text is scrunched to the right of the image (tried on smartphone galaxy s4).

Do you have another fancy display like fancy 2 that allows the text to wrap around below the image (becomes left justified below the image)? If not, is there some way I can create the text to left justify below the image in the product description box using html?

Thanks Simon

[admin]

Hi Simon, do the following:

Grab the custom css plugin:

https://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

Then apply the following CSS in there:

.eStore-product-fancy2 .eStore-product-description{

margin-left: 0 !important;

}

[simonsayzzz]

Brilliant, excellent, superb….thank you very much…works a treat. I’d buy you a beer if I could!

Thanks again!

[simonsayzzz]

Ahhh just one more thing. I managed to pad the text from the left hand side margin by adding

.eStore-product-fancy2 .eStore-product-description{

margin-left: 0 !important;

padding-left: 5px;

}

However the text is hard up against the image on the right hand side of the image, see [http://sandspublishing.com/wp-store/bookstore/] . I need to pad I think the image. The horizontal padding is fine the vertical padding is not.

Is there anyway I can add padding to the images on the right hand image side?

Thanks Simon

[admin]

Use the following CSS tweak to add some padding to the right hand side of the product thumbnail image.

.eStore-product-fancy2 .eStore-thumbnail{

padding-right: 10px;

}

[simonsayzzz]

Nailed it, thank you

[Author]

Posts