The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Change color of buttons

View previous topic View next topic Go down

Solved Change color of buttons

Post by darki on September 19th 2015, 6:51 pm

Hi,

how do I change the color of preview, send (submitt) and number of page button?
I can't find the right CSS with Firebug.

I tried this but it doesn't work:
Code:
.button1, .button1, .button2, .pagination span a, fieldset.submit-buttons input {
    background: #369fcf none repeat scroll 0 0 !important;
    border: medium none !important;
    border-radius: 3px;
    color: #fff !important;
    font-weight: 700;
    margin: 1px;
    padding: 5px 10px !important;
}

Can anyone help me? Maybe @Ange Tuteur again? Confused

Thanks in advance.


Last edited by darki on September 19th 2015, 9:02 pm; edited 3 times in total

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

Solved Re: Change color of buttons

Post by Ange Tuteur on September 19th 2015, 7:16 pm

Hi @darki,

This should work for the buttons :
Code:
/* buttons */
a.button1, a.button2, button.button2, input.button1, input.button2 {
  color:#FFF !important;
  font-weight:bold;
  background:#8C5;
  border:none !important;
  border-radius:3px;
  padding:5px 10px !important;
  margin:3px;
  -webkit-transition:300ms;
          transition:300ms;
}

a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover { background-color:#7B4 }
a.button1:focus, a.button2:focus, button.button2:focus, input.button1:focus, input.button2:focus { background-color:#333 }

and this should work for the pagination :
Code:
.pagination span {
  display:inline-block;
  margin:6px 0;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span strong {
  color:#FFF;
  font-weight:bold;
  background:#39C;
  border:none;
  border-radius:3px;
  padding:3px 6px;
  transition:300ms;
}

.pagination span a:hover {
  background-color:#333;
}

.pagination span a:active, .pagination span a:focus, .pagination span strong {
  background-color:#8B5;
}

.pagination a.pag-img {
  background:none !important;
  border:none !important;
  padding:0 !important;
}

phpbb3 of course Smile

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Change color of buttons

Post by darki on September 19th 2015, 7:32 pm

@Ange Tuteur Don't work. :/
After changing the color in the CSS you posted above nothing changed. I changed the background color.

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

Solved Re: Change color of buttons

Post by Ange Tuteur on September 19th 2015, 7:41 pm

Did you try adding the !important keyword to the value ?

Also, another thing to make sure of is if you don't already have rules styling the buttons. I'm assuming you already do, and those rules are most likely overriding the ones I gave you.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Change color of buttons

Post by darki on September 19th 2015, 7:52 pm

Oh sorry, you're right. silent
I have something similiar in my stylesheet.
Now it works, my mistake. Thank you Ange. Very Happy

Solved.

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

Solved Re: Change color of buttons

Post by Ange Tuteur on September 19th 2015, 9:08 pm

You're welcome ^^

Topic archived

Have a great weekend. Very Happy

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum