Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

eStore – fancy2 display….text wrapping as an option

by

Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › eStore – fancy2 display….text wrapping as an option

  • This topic has 5 replies, 2 voices, and was last updated 10 years, 2 months ago by simonsayzzz.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 26, 2015 at 3:07 pm #12276
    simonsayzzz
    Member

    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

    February 27, 2015 at 1:22 am #68783
    admin
    Keymaster

    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;
    }

    February 27, 2015 at 10:51 pm #68784
    simonsayzzz
    Member

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

    Thanks again!

    February 28, 2015 at 6:28 pm #68785
    simonsayzzz
    Member

    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

    February 28, 2015 at 11:53 pm #68786
    admin
    Keymaster

    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;
    }

    March 1, 2015 at 11:49 am #68787
    simonsayzzz
    Member

    Nailed it, thank you

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

Forum Related

  • Forum Home
  • Forum Search
  • Forum Registration
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2025 | Tips and Tricks HQ