Dissaligned buttons & Padding on buttons?
3 posters
Page 1 of 1
Dissaligned buttons & Padding on buttons?
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.
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)?
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)?
Re: Dissaligned buttons & Padding on buttons?
Hello,
You can increase the padding of a button with the following CSS :
You can increase, or modify the border by editing the Border Declaration.
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.
Re: Dissaligned buttons & Padding on buttons?
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?
Re: Dissaligned buttons & Padding on buttons?
Add important to the padding declaration.
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.
- 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.
Re: Dissaligned buttons & Padding on buttons?
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
EDIT: Example: http://prntscr.com/3wbm3a
Re: Dissaligned buttons & Padding on buttons?
It must be the way the creator of the theme made them.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Dissaligned buttons & Padding on buttons?
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 :
.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;
}
Similar topics
» i need help /css padding or margin/
» Widget padding
» CSS maring / padding help
» signature padding
» Is There A Way To Change the Padding of the top of the forum
» Widget padding
» CSS maring / padding help
» signature padding
» Is There A Way To Change the Padding of the top of the forum
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum