Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages » Comments, trackbacks & pings »

[SOLVED] Style the comment button


  #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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
url? example? versions?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
why not get rid of the border with
HTML Code:
form#commentform input#submit {
    border: none;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
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 10:23 PM.


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