Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore General Questions › Product thumbnail needs space around it
Tagged: thumbnail, thumbnail edit
- This topic has 15 replies, 5 voices, and was last updated 10 years, 8 months ago by george@lvv.
-
AuthorPosts
-
October 31, 2013 at 1:44 am #9933rpitcairnMember
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
October 31, 2013 at 2:16 am #58558mbrsolutionSpectatorHello Richard, can you provide a link to your site so that we can check.
Kind regards
October 31, 2013 at 9:36 pm #58559rpitcairnMemberYes, here is the link. It is not yet made generally available, still in production.
[http://www.drpitcairn.com/mm_webinar/]
Thanks for your help.
October 31, 2013 at 10:26 pm #58560PeterMemberGo 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;
}
October 31, 2013 at 11:32 pm #58561rpitcairnMemberThank 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?
October 31, 2013 at 11:47 pm #58562mbrsolutionSpectatorHello Richard, when ever you have a request for more CSS tweaks just create a ticket and we will help you.
Kind regards
November 1, 2013 at 1:01 am #58563PeterMemberYou 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
March 22, 2014 at 8:16 pm #58564george@lvvMemberNeed 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:
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
March 23, 2014 at 4:07 am #58565adminKeymasterYour 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.
March 24, 2014 at 5:03 am #58566george@lvvMemberOK. 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
March 24, 2014 at 5:25 am #58567mbrsolutionSpectatorMarch 24, 2014 at 3:09 pm #58568george@lvvMemberOK thanks. Will do. Earlier, I failed to notice this discussion has proceeded to a “page 2”. Just noticing this now. GW
March 25, 2014 at 12:44 am #58569george@lvvMember“…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
March 25, 2014 at 5:02 am #58570adminKeymasterNot 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:
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.
March 25, 2014 at 1:30 pm #58571george@lvvMember>>> 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
-
AuthorPosts
- You must be logged in to reply to this topic.