Add to Cart button cut off with Fancy Display 1

[jonnys]

Hi – for some reason my Add to Cart buttons have stopped showing properly.

I’m using the this short code [wp_eStore_fancy1_no_thumbnail id=444]

Here’s a page where you can see:

[http://www.yopo.co.uk/royalty_free_music/singletracks/new/]

You can only just see a glimpse of the top of the Add to Cart to button.

Anything I can do please? Was all working fine – and I just cant think of anything I did. I’ve just been adding and editing products as normal.

Thanks

Jonathan

[jonnys]

Update.

I have had a look at the css for the fancy display here:

wp-content/plugins/eStore-extra-shortcodes/eStore_extra_shortcode_css.css

On this section:

.eStore-product-fancy-no-thumb {

height:100%;

overflow:hidden;

margin-bottom:5px;

border:1px solid #ccc;

padding:22px

}

I have changed the padding from 5px to 22px to get the add to cart button to show. Although this now leaves quite a gap at the top of the box. Just wondering if it’s possible to do this another way – OR better still, to move the add to cart button to the right of the box where there is space.

Thanks J

[Peter]

“Although this now leaves quite a gap at the top of the box”

I cannot see the gap you are referring to?

When making CSS changes in eStore you should try to add any customized code in the “wp_eStore_custom_style.css” – which can be found in the “~plugins/wp-cart-for-digital-products/” directory.

For example in your case, revert the changes you made in the “eStore_extra_shortcode_css.css” file and then put the following code in the “wp_eStore_custom_style.css” file:

.eStore-product-fancy-no-thumb {

padding-bottom: 25px;

}

[jonnys]

Yeap sorry I managed to close the gap at the top – but I have reverted that file and implemented your suggestion. Many thanks. J

Is this so these customizations can be easily re-applied in the case of a plugin update?

[Ivy]

Yes, we never change that custom CSS file. So you just need to keep a copy of the CSS tweaks you apply to the custom css file. This way after the update you reapply the changes using copy and paste.

[jonnys]

Thanks

[Author]

Posts