The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Dissaligned buttons & Padding on buttons?

3 posters

Go down

In progress Dissaligned buttons & Padding on buttons?

Post by Rupture June 23rd 2014, 22:32

Hello, as you can see the first 2 buttons are aligned and have normal font, while the third has bold font, is a little lower than the other ones and the outer line is a less bright color than the other 2. Many of my buttons have this problem.

Dissaligned buttons & Padding on buttons? E1da7412-0230-4d21-b344-a99a0741185b_zps50fd55f6

Question 2: Is there a way of adding some padding to all my buttons? I like my font and bg picture but they seem a bit crammed, is there a way of adding some padding in between the main font (ex.Save) and the outer part of the buttons (the line that defines the button)?
Rupture
Rupture
Forumember

Male Posts : 329
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

In progress Re: Dissaligned buttons & Padding on buttons?

Post by Ange Tuteur June 24th 2014, 00:46

Hello,

You can increase the padding of a button with the following CSS :
Code:
.button1, .button2 {
  padding:3px 6px;
  border:1px solid #CCC !important;
}

You can increase, or modify the border by editing the Border Declaration.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Dissaligned buttons & Padding on buttons?

Post by Rupture June 24th 2014, 20:33

Where can I edit the border declaration? And I put in your CSS and nothing happened, as I said it only happens to the right button. For your css, how do I specify which button?
Rupture
Rupture
Forumember

Male Posts : 329
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

In progress Re: Dissaligned buttons & Padding on buttons?

Post by Ange Tuteur June 24th 2014, 23:21

Add important to the padding declaration.

Code:
.button1, .button2 {
  padding:3px 6px !important;
  border:1px solid #CCC !important;
}

The border declaration is the last Declaration in the CSS Rule. A declaration consists of a Property(border), a Value(1px solid #CCC), and is closed with a semi-colon( ; ).

.button1, .button2 selects both of the button types.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Dissaligned buttons & Padding on buttons?

Post by Rupture June 25th 2014, 15:20

Thank you for helping me understand, however 2 problems remain, the last button to the right is still dislocated (to the bottom right) and is still in bold. Is there a reason for this or is this just how the theme is constructed?

EDIT: Example: http://prntscr.com/3wbm3a
Rupture
Rupture
Forumember

Male Posts : 329
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

In progress Re: Dissaligned buttons & Padding on buttons?

Post by SLGray June 25th 2014, 21:05

It must be the way the creator of the theme made them.


Dissaligned buttons & Padding on buttons? Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: Dissaligned buttons & Padding on buttons?

Post by Rupture June 25th 2014, 23:47

Well, there is no way of changing the bold either?
Rupture
Rupture
Forumember

Male Posts : 329
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

In progress Re: Dissaligned buttons & Padding on buttons?

Post by Ange Tuteur June 25th 2014, 23:51

You can search your CSS for another rule which contains the following selectors :
.button1
.button2

You can set the font-weight to normal as well :
Code:
.button1, .button2 {
  padding:3px 6px !important;
  border:1px solid #CCC !important;
  font-weight:normal !important;
}
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Back to top

- Similar topics

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