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 » Center area post/pages » Comments, trackbacks & pings »

[SOLVED] Style the comment button


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 Dec 30, 2010, 09:50 AM
dextor
 
19 posts · Sep 2009
Hi there,

I would like to change the style of the "Submit comment" button.

Is it possible to change the look to a simple image that holds the link
for the submission? Perhaps remove the 3D-effect and add a
background image or something?

Thank you for this great theme!

Best whishes

dextor
  #2  
Old Dec 30, 2010, 11:18 AM
juggledad's Avatar
juggledad
 
22,188 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
url? example? versions?
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #3  
Old Dec 30, 2010, 11:48 AM
dextor
 
19 posts · Sep 2009
Hi Juggledad,

this is as far as I got, but it looks terrible to me...

http://testpress.dextorslab.de/?p=1725#respond

I just can't get the image to be displayed right and i suggest it is because
of the border of the button.

Wordpress 3.0.3
Atahualpa 3.5.3

Take care,

dextor
  #4  
Old Dec 31, 2010, 01:35 PM
juggledad's Avatar
juggledad
 
22,188 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
why not get rid of the border with
HTML Code:
form#commentform input#submit {
    border: none;
}
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #5  
Old Jan 1, 2011, 08:36 AM
dextor
 
19 posts · Sep 2009
Hi Juggledada,

happy new year!

works and looks great, but...

For some reason, it is not possible to set the dimensions of the input element with this
code.

form#commentform input#submit {
background-image: url("wp-content/uploads/deluxeblog-button-comment.jpg");
border: medium none;
height: 40px;
width: 168px;
}

It gets overruled by this setting, which I found in firebug:

form#commentform input#submit[class] {
width: auto;
}

If I set this also in my ata settings, it looks good, but I am wondering where that special
[class] setting might come from? It cannot be overruled by using !important in the css-insert
for form#commentform input#submit!?

form#commentform input#submit[class] {
height: 40px;
width: 168px;
}

If you don't have a hint I will keep the last setting in my css-inserts but I do not feel quite confident
with keeping settings that I do not completely understand.

Best whishes

dextor
  #6  
Old Jan 1, 2011, 10:42 AM
juggledad's Avatar
juggledad
 
22,188 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
that class setting is part of the CSS that gets generated from css.php
I'd use the css Insert that works as it will override and give you what you want.
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Desperately Need Help With Getting Rid Of The Comment box, button in Atahual strikers041 Comments, trackbacks & pings 8 Nov 18, 2010 07:57 PM
how to change rss , comment button and search area position? sohel2020 Center area post/pages 5 Oct 15, 2010 09:58 PM
[SOLVED] submit button doesn't change to hover style Ilke Center area post/pages 2 Aug 26, 2010 09:23 AM
Submit button style in form not working with Firefox amynking Plugins & Atahualpa 1 Mar 7, 2010 05:08 AM


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


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