Jump to content


Photo
- - - - -

Need help removing grey boder around add to cart button


This topic has been archived. This means that you cannot reply to this topic.
12 replies to this topic

#1 greeneva

greeneva

    Newbie

  • Members
  • Pip
  • 6 posts

Posted 04 August 2010 - 04:23 PM

I have WH pro with WP3.0. Template adds a grey border around my add to cart buttons. See example at

Please Login or Register to see this Hidden Content

Any suggestions?

#2 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts

Posted 04 August 2010 - 04:40 PM

add some css. Go to THEME OPTIONS > CUSTOM CODE > CUSTOM CSS and paste this code: `.textcontent input {border:none;}`

#3 greeneva

greeneva

    Newbie

  • Members
  • Pip
  • 6 posts

Posted 04 August 2010 - 04:44 PM

Thanks! Works great

#4 tytribbleorg

tytribbleorg

    Member

  • Members
  • PipPip
  • 10 posts

Posted 04 August 2010 - 04:57 PM

I keep getting "topic not found" when trying to post a help topic. Any ideas?

#5 greeneva

greeneva

    Newbie

  • Members
  • Pip
  • 6 posts

Posted 04 August 2010 - 07:21 PM

After adding the above code, it removed border around my contact form fields. How can I have the border visible for my contact form fields but not for my "add to cart" buttons.

#6 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 05 August 2010 - 12:55 AM

@Jeff - Try this instead:

`.page-id-84 .textcontent input, #sidebar {border:none;}`

Thanks, Bryan

#7 greeneva

greeneva

    Newbie

  • Members
  • Pip
  • 6 posts

Posted 05 August 2010 - 03:06 AM

Thanks, I see I have to add custom code for each page ID. Can you tell me how to remove the border around my View Cart button located in the right sidebar (text widget).

#8 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts

Posted 05 August 2010 - 04:19 PM

Jeff, I think the most ideal solution is to add a specific class to your paypal code so you can target just that bit. What does your paypal embed code look like?

#9 greeneva

greeneva

    Newbie

  • Members
  • Pip
  • 6 posts

Posted 06 August 2010 - 12:38 AM

Looks like this. <form name="_xclick" target="paypal" action="https://www.paypal.com/us/cgi-bin/webscr" method="post"> <input type="hidden" name="cmd" value="_cart"> <input type="hidden" name="Greene Valley Media Co." value="contact@mygvm.com"> <input type="image" src="https://www.paypal.com/en_US/i/btn/view_cart_new.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!"> <input type="hidden" name="display" value="1"> </form>

#10 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 06 August 2010 - 12:57 AM

I'm not entirely sure if this is the right syntax, but something to this effect should work: `form[name=_xclick] input{border:none}` Thanks, Bryan

#11 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 06 August 2010 - 12:59 AM

It might actually be: `form[name="_xclick"] input{border:none}` Thanks, Bryan

#12 greeneva

greeneva

    Newbie

  • Members
  • Pip
  • 6 posts

Posted 06 August 2010 - 01:53 AM

That worked. I hate to ask but how can I center that same image? I've tried adding syntax align="center" in the widget text but it doesn't work.

#13 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 06 August 2010 - 01:56 AM

Try updating your code to: ` form[name="_xclick"] input{ border:none; text-align:center} ` Thanks, Bryan