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)?

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.

Ange Tuteur
Forumaster

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

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?

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.

Ange Tuteur
Forumaster

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

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

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.


SLGray
Administrator
Administrator

Male Posts : 35606
Reputation : 2372
Language : English
Location : United States

http://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?

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;
}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
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