[kangkswParticipant]

I made two buttons but they are sitting next to each other.
I want to give them a space.
How should I fix this??

[CousettMember]

Could you provide us with your URL so we can help you with more specific information?

To get you started you want to find the styling for your buttons and add some padding most likely to the left. For example on my page the following code helped space out the buttons – http://x.hoover.ws/blog/2014/09/09/how-to-give-a-margin-between-two-buttons/

.x-btn-circle-wrap {
padding-left: 20px;
}

It may be slightly different on your site as your buttons may have a different class.

[kangkswParticipant]

This is my demo site http://thewebridge.com
Skills part!

[CousettMember]

Try adding some CSS code under Appearance -> Customize -> Custom -> CSS

#x-content-band-5 a.x-btn {
margin-left: 15px;
}

[kangkswParticipant]

Thanks a lot!!!
I do really love your service!!

I just one to ask you what does a.x-btn do??

And One more question

If I make the website size smaller, the header menu disappears and little square button comes up.
I want to make that button to be not fixed at the top. how should I fix that?

[ChristianModerator]

Hey Kang,

The “x-btn” class when applied to an element, that element gets the X Button depending on the setting in the Customizer.

Regarding the square button, that is the responsive behavior of the menu out of the box and there is currently no option to disable it. Modifying it falls beyond the scope of our support.

Thank you for understanding.

[kangkswParticipant]

Thanks for the reply.

I didn’t give a class for my button element, then does a.x-btn set as a default value?
what if I want to give a margin for the second button, should I write like this??

#x-content-band-5 b.x-btn {
margin-right: 15px;
}

[CousettMember]

The a element makes it a link or clickable. If you want the second button to have different styling add class="button2"to your button shortcode. Then you will be able to style it with
#x-content-band-5 a.x-btn.button2

I hope this helps.

[kangkswParticipant]

Oh! Thank you!!

[CousettMember]

Glad we were able to help. 🙂 Have a nice day.

[Author]

Posts