Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

[SOLVED] css ata question: should be simple... my does my submit button resize?


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Sep 19, 2012, 12:11 AM
derekwbeck
 
151 posts · Nov 2010
(By the way: I think there should be a CSS and Styling subforum here...)

If you go to my blog, on any post, and look at the "Post Comment" button below the comment area, such as here: http://www.derekbeck.com/1775/info/noble-train-2/
you'll see, even as you mouseover the button, that the size does not change.

Yet, on this contact form: http://www.derekbeck.com/1775/contact/
the "Send Email" button, which should be styled the same as the above button, has a strange behavior as you mouseover the button: it grows a few pixels wider.

I've studied the CSS and I cannot figure it out. Anyone else with fresh eyes perhaps have a clue what I'm missing?

Thanks! Derek
  #2  
Old Sep 19, 2012, 04:50 AM
juggledad's Avatar
juggledad
 
22,265 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
it's being caused by one of the jscripts
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Sep 19, 2012, 07:21 AM
lmilesw's Avatar
lmilesw
 
10,100 posts · Jul 2009
Central New York State USA
There is different padding on the two button states. If you change the hover to padding: 0 5px; it works as desired.
HTML Code:
input.buttonhover {padding: 0 5px;}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #4  
Old Sep 19, 2012, 02:44 PM
derekwbeck
 
151 posts · Nov 2010
Okay, thanks! Now, at least I know what to look for. Now I'll search to figure out where this is being set, so I can change it.
  #5  
Old Sep 19, 2012, 08:51 PM
derekwbeck
 
151 posts · Nov 2010
So, I think this is a bug (well, oversight) in ATA theme.

@lmilesw your fix is perfect. Thanks!

I basically figured out that I had, in the ATA theme under "Style and configure Comments">Submit Button Style the following:

Code:
padding: 0 5px;
and that was it. But ATA applies the buttonhover class (so if that's done with javascript, it is coming from ATA) over buttons by default, yet it should give, in that same tab, an option to style that too, having it side by side by the regular (no-hover) state.

As it does not, a simple fix is to match the padding in the CSS inserts section of the theme. But I like having both sides of a hover/no hover CSS state next to each other.

Anyhow, I decided to remove the small CSS under ATA>Style and configure Comments>Submit Button Style, leaving it blank there now, and instead just put the following in the CSS inserts tab:

Code:
input.button, input.buttonhover {
	padding: 0 5px;
}
Thanks again!

Derek

PS: Curious why it didn't show up on my other forms such as comments, but whatever. Fixed now.
  #6  
Old Sep 20, 2012, 03:57 AM
juggledad's Avatar
juggledad
 
22,265 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
ato-Style FORMS->Submit Buttons: Hover Style
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Sep 20, 2012, 12:07 PM
derekwbeck
 
151 posts · Nov 2010
Ah, there you go, thanks! Still would be helpful for at least a note in the comment section's submit button to look there for hover.

Bookmarks

Tags
css, submit button

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
SUBMIT Button Hight Gets Cut Off GRF Header configuration & styling 1 May 27, 2012 05:20 PM
How to add submit button to search box? wex Header configuration & styling 1 Mar 21, 2012 02:26 PM
adding a submit button to the header search box eyelight Header configuration & styling 2 Aug 2, 2010 06:16 AM


All times are GMT -6. The time now is 06:09 AM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.