Product thumbnail needs space around it

[rpitcairn]

I have just purchased this product so am new to it. I am creating my products and on my web page set to use a fancy look = [wp_eStore_fancy2] and it is very nice but there is absolutely no space between the thumbnail image and the text to the right of it. I have looked at the documentation and the html coding around it but the product code is just considered a paragraph and I don’t see a way to add spacing to the image. I am sure it is not supposed to look like this so any hint will be very welcome.

Thanks,

— Richard

[mbrsolution]

Hello Richard, can you provide a link to your site so that we can check.

Kind regards

[rpitcairn]

Yes, here is the link. It is not yet made generally available, still in production.

[http://www.drpitcairn.com/mm_webinar/]

Thanks for your help.

[Peter]

Go and grab the following plugin and then use it to insert the following custom CSS:

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

.eStore-product-description {

padding-left: 20px;

}

[rpitcairn]

Thank you. A perfect solution. Is there also a place where other custom CSS tweaks like this are posted? Or just take them as they come and ask for help?

[mbrsolution]

Hello Richard, when ever you have a request for more CSS tweaks just create a ticket and we will help you.

Kind regards

[Peter]

@rpitcairn,

You can always use the search facility of the forum. You’ll be amazed how many answers and tweaks you can find by just spending a few minutes searching

[george@lvv]

Need help removing added spacing above below buy now button inserted into rows of an Easy Table table on a WP page.

Problem: Images placed with short code result in extra vertical spacing, similar images simply linked to another page do not add this spacing.

I created a table using Easy Table. When I insert the eStore shortcode into one of the table cells, it displays with way too much vertical space above and below the button. You can see the spacing problem here:

[http://www.learningviavideo.com/buy-in-parts-or-in-full/]

As you can see from this web page table, the two buttons inserted so far will create a page that’s way too long. I even reduced the size of the image almost to unreadable size, but with no effect on vertical spacing.

The table dimensions show table column/cell width space that should easily accommodate the button images.

====================

<p style=”text-align: left;”>[table border width=”900″colwidth=”|400|1|50|1|400|1|50″ colalign=”left|center|center|center|left|center|center”]

Interviews – All Parts In One,,,|,,,

Communication Skills,$14,[wp_eStore_buy_now_button id=6],|,Conflict Resolution,$14,[wp_eStore_buy_now_button id=7]

====================

I’m using WP version 3.8.1 with Windows XP on a windows laptop.

I created button images with graphics software, uploaded the images to the WP Media Library. I then set up products references in an Easy Table to display a multitude of payment buttons for two button types – Buy Now for Parts and Buy Now for Full Versions.

I read as much of the T&T Forum as I could searching for phrases like “Button spacing”, “Button vertical spacing”, “Buy Now Button appearance”,”Buy Now Button spacing”,”extra vertical spacing” and “control button spacing”.

I read how it may be the theme causing this problem, but that doesn’t see to be the explanation when you look at this page:

[http://www.learningviavideo.com/general-interest-videos/]

Notice how the “In Production” buttons don’t have the same problem with added vertical spacing above and below the buttons. These buttons are simply linked to another page on this site.

So something is adding spacing to the table row when buy now button short code is used instead of a simple page link.

I’d like to remove that extra spacing, but can’t find anyone else in the forum with a similar problem.

I tried this:

https://support.tipsandtricks-hq.com/forums/topic/how-to-change-the-buy-button-images-for-estore-and-simple-shopping-cart-plugins

but I don’t want to locally Change the Add to Cart Button Images since there’s different types of Buy Now buttons being used on the site.

This looked like it might help, but I don’t know CSS and have no time to “go to school” on CSS.

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

I’m hoping there’s a more simple solution that having to mess around with CSS. Thanks

[admin]

Your theme has a big margin on the form element (not sure why). Below is a copy and paste of the CSS code block I am referring to from your theme’s style.css file:

p,

hr,

dl,

pre,

form,

table,

address,

blockquote {

margin: 1.6em 0;

}

Remove the “form” element from there or adjust the margin accordingly if you don’t want that spacing.

[george@lvv]

OK. Is there a specific location within CSS where this needs to be pasted? Or are there unique elements of the CSS code you provided I can use for searching where the paste should happen? Thanks for your help! GW

[mbrsolution]

Hi GW, download and install the plugin @Peter mentioned above and adjust your CSS settings in accordance to what @Admin mentioned above. Enter the code in the plugin you installed.

Let us know if that helps you.

Kind regards

[george@lvv]

OK thanks. Will do. Earlier, I failed to notice this discussion has proceeded to a “page 2”. Just noticing this now. GW

[george@lvv]

“…download and install the plugin @Peter mentioned above and adjust your CSS settings in accordance to what @Admin mentioned above. Enter the code in the plugin you installed.

Let us know if that helps you.”

It helped slightly, but there’s still too much vertical space above and below the buttons.

Have a look:

[http://www.learningviavideo.com/buy-in-parts-or-in-full/]

Thanks, GW

[admin]

Not sure what else this theme is doing in terms of the CSS issue. I am only guarantee that it is not coming from eStore’s CSS. Do the following which will completely solve this issue.

Use the text link feature of eStore to put the buy button (rather than using the shortcode). The following documentation will explain how to use the text link buy button feature:

https://support.tipsandtricks-hq.com/forums/topic/estore-how-to-use-a-text-link-to-accommodate-the-purchase-of-a-product

That feature doesn’t need to use a “form” element so it will go around the CSS conflict you have with the form element on this theme.

[george@lvv]

>>> I am only guarantee that it is not coming from eStore’s CSS.

That’s the impression I was having. I’m using the unpaid version of the theme which has now been heavily discounted by $50. I’m not asking you this… but just wondering – if getting the paid version might be a solution. Been trying to find a way to ask the developer, CyberChimps, if the paid / unpaid version difference might solve the problem. I was also investigating the text link rather than a button image. Thanks. GW

[Author]

Posts