[questions]

try it yourself, you’ll see

[questions]

yeah, I know about that, WP still puts in <p></p> around things

[questions]

no, I didn’t put it in paragraph, WordPress adds that code itself.

[questions]

Ok, I set up a private test site.

http://174.120.146.138/~guigodso/wptest/?page_id=4

There is too much space:

1) under BUY SHIRTS

2) above the BUY NOW graphic button

[questions]

That helped a little. Your code reduced the padding between the input form field and the table row above it, but now there is still too much white space here in these following locations:

1) above the table and below the table (your code didn’t affect this)

2) and too much white space below the input (select) form field

<div style=”display: inline; margin: 0px; padding: 0px;”><span style=”text-decoration: underline;”>text above paypal button</span> xxxxxxxxtext above paypal buttonxxxxxxxxxx<br></div>
<div style=”display: block; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;”></div>
<div style=”display: block; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;”></div>
<div style=”display: block; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;”><span style=”text-decoration: underline;”>BUY SHIRTS</span></div>
<form action=”https://www.paypal.com/cgi-bin/webscr&#8221; method=”post” target=”_top”><input name=”cmd” value=”_s-xclick” type=”hidden”><input name=”hosted_button_id” value=”x” type=”hidden”><p></p>

<!— note: <p></p>(above) is not in the code, it’s rendered/added by WordPress —>
<!— your theme html is rendering too much white space here — >

<table>
<tbody>
<tr>
<td><input name=”on0″ value=”Number of Shirts” type=”hidden”>Number of Shirts</td>
</tr>
<tr>
<td>
<select name=”os0″>
<option value=”1″>1</option>
<option value=”2″>2</option>
<option value=”3″>3</option>
<option value=”4″>4</option>
<option value=”5″>5</option>
<option value=”6″>6</option>
</select>
</td>
</tr>
</tbody>
</table>

<!— your theme html is rendering too much white space here — >
<!— note: <p></p>(below) is not in the code, it’s rendered/added by WordPress —>

<p><input name=”currency_code” value=”USD” type=”hidden”><input alt=”PayPal – The safer, easier way to pay online!” name=”submit” src=”https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif&#8221; type=”image”></p></form>

!— your theme html is rendering too much white space here — >
<!— note: <p></p>(above/below) is not in the code, it’s rendered/added by WordPress —>

<p><span style=”text-decoration: underline;”>text below paypal button</span> text below paypal button<br>
text below paypal button</p>

[questions]

Regarding the questions about too much white space around tables and forms in your theme:

http://catchthemes.com/demo/catch-everest/html-elements/

Scroll down to the table… it has lines (you call the borders) between each row (I already removed those lines in the custom CSS in my site) but now it has 2-3 normal <br> line break space between each table row and it has 4-5 normal <br> space above the table and below the table… how do I change the spacing between the lines in a table? Can you give example of no whitespace, and another separate example of just 1 line of whitespace (above, between rows, and below a table)?

If you use a <form></form> or <input> it puts even more whitespace above and below a form area. How do I adjust the spacing above, between, and below a form and input fields areas? Can you give example of no whitespace, and another separate example of just 1 line of whitespace (above, between rows, and below a form and input fields)?

I’m sure these are just simple CSS modifications. I like your theme a lot! Thanks!

[questions]

(cont’d)

here’s the code that I applied to get a single image (not all) without a shadow effect:

< img style=”box-shadow: none;” src=”yourimage.png” >

[questions]

Never mind, I answered my own question. Here is how I applied the CSS to have a single image (not all images) without a shadow. I did this because your empty white space is not consistent. With some pages its one way and with others its another way. So I had to insert a spacing image(box) to correctly space and align my page.

[questions]

How do you remove the shadow on just a single image, not all of them?

[questions]

Also there is too much space at the bottom of each page/post, between the page/post content and the footer.

[questions]

I can email you the site URL, but it can’t be posted to a public forum.

But I already told you how I used it. There is no other code on the page. I just copy/pasted the PayPal BUY NOW button code from PayPal into WordPress using your free Catch Everest theme. Just try it yourself and you’ll see “too much spacing”.

Another way you can help is to tell me how to remove the space around tables. I don’t want any space around the tables (above or below).

Then you can tell me how to remove the space above and below forms <form></form>.

I know there is some easy CSS for this.

[questions]

The biggest problems in spacing here are:

1) way too much space rendered above this code:

<td><input type=”hidden” name=”xx1″ value=”Quantity” />Quantity</td>

2) way too much space above the image for the button:

<input type=”hidden” name=”currency_code” value=”USD” /><input type=”image” alt=”PayPal – The safer, easier way to pay online!” name=”submit” src=”https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif” />

3) way too much space below the whole set of code, after:

</form>

I need a way to just modify the margings/padding or whatever you call it just for this particular PayPal button so that nothing else in the site is changed.

[questions]

I’m just pasting in the code provided. I can’t provide the link to the site however.

I think if you paste any PayPal button into your free “Catch Everest” theme then you can see that there is too much space above and below it and between each line. I need just 1 natural line break above 1 line between and 1 line below (or one natural <P> size above, between, and below.) I’ve already removed the borders from the tables css using the code you provided in another forum posting.

Here’s the code I’m using:

<form action=”https://www.paypal.com/cgi-bin/webscr&#8221; method=”post” target=”_top”><input type=”hidden” name=”cmd” value=”_s-xclick” /><input type=”hidden” name=”hosted_button_id” value=”X8BTVWTUBKXMP” />
<table>
<tbody>
<tr>
<td><input type=”hidden” name=”xx1″ value=”Quantity” />Quantity</td>
</tr>
<tr>
<td><select name=”xx2″><option value=”Single”>Single</option><option value=”Buy Two”>Buy Two</option><option value=”Buy Three”>Buy Three</option></select></td>
</tr>
</tbody>
</table>
<input type=”hidden” name=”currency_code” value=”USD” /><input type=”image” alt=”PayPal – The safer, easier way to pay online!” name=”submit” src=”https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif&#8221; />

</form>

[Author]

Posts