PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

image submit buttons in wordpress thesis theme

  1. ejayo
    Member

    I know it's Thesis fault, but how would I get the image button to not be distorted (enlarged).? I found the place to paste the URL and CSS but nothing seems to be happening. Could you post some sample CSS? It would be fun if you could post sample CSS that included a hover state, but if that is a pain or impossible, just the CSS that would let the button show up in a Thesis themed site, without it being huge, would be fine.

    as a workaround for stupid people, I screenshoted the button area when it was hilited and padded my button out with white and slid it up to the upper left corner in this form:

    http://www.rofmag.com/subscribe-now—well-bill-you-later/

    A problem you'll notice with this are the thin gray lines at the top and bottom in Safari (and maybe everywhere else, I'll do a browser test after you give me some code that works. If you can.)

    If image buttons don't work, code that would give a tiny bevel or dimensionality to the thesis button would be great; it would be fine if it affected all thesis buttons. The thesis button barely looks like a button. I like things dialed back and subtle, often, but they've gone too far in that direction IMO.

    Posted 14 years ago on Thursday March 11, 2010 | Permalink
  2. Since you've modified your button with the extra white space, I can't really see what's going on and can't offer anything concrete. Without seeing it, I'm guessing it's inheriting the width:45% declaration from the layout.css on line 222.

    As far as the top and bottom borders you're seeing, that's the input background color peeking through. You can update the button style you've put in the custom.css with this and it should fix that.

    .gform_footer input[type="image"] {background:none!important; border:none!important; width:auto!important }

    Hopefully, that fixes your button issue.

    As far as other formatting/styling, like you said, these are Thesis specific issues and not Gravity Forms related. It would be more appropriate to look to their support team for additional styling guidance.

    Posted 14 years ago on Thursday March 11, 2010 | Permalink