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.

Dissaligned buttons & Padding on buttons?

View previous topic View next topic Go down

In progress Dissaligned buttons & Padding on buttons?

Post by Rupture on June 23rd 2014, 9:32 pm

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)?
avatar
Rupture
Forumember

Male Posts : 325
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 on June 23rd 2014, 11:46 pm

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.
avatar
Ange Tuteur
Forumaster

Male Posts : 13174
Reputation : 2871
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Dissaligned buttons & Padding on buttons?

Post by Rupture on June 24th 2014, 7:33 pm

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?
avatar
Rupture
Forumember

Male Posts : 325
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 on June 24th 2014, 10:21 pm

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.
avatar
Ange Tuteur
Forumaster

Male Posts : 13174
Reputation : 2871
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Dissaligned buttons & Padding on buttons?

Post by Rupture on June 25th 2014, 2:20 pm

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
avatar
Rupture
Forumember

Male Posts : 325
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 on June 25th 2014, 8:05 pm

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


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

avatar
SLGray
Administrator
Administrator

Male Posts : 39188
Reputation : 2627
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

In progress Re: Dissaligned buttons & Padding on buttons?

Post by Rupture on June 25th 2014, 10:47 pm

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

Male Posts : 325
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 on June 25th 2014, 10:51 pm

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;
}
avatar
Ange Tuteur
Forumaster

Male Posts : 13174
Reputation : 2871
Language : EN10, FR5
Location : Macungie, PA

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