Docs

[saolremarketing]

I don’t see a shortcode option for vertically aligning the text in a small button. It looks to me like the text I have is higher than the middle of the button (see attached). How do I get it in the exact middle?

http://770.6db.myftpupload.com/

WordPress 4.5.3
X 4.6.0
Cornerstone 1.3.0

Thanks

[Nico]

Hi There,

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thanks.

[saolremarketing]

I provided a screen shot of my issue in the original post. The text in the red button is not vertically centered on the button. It looks higher than vertical center. I want to bring it down a little lower. I will attach another screen shot where the yellow line represents vertical center. You will see that my button’s text needs to be lowered to match vertical center. How do I control that?

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

.x-btn.x-btn-flat, .x-btn.x-btn-flat:hover {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

Hope that helps

Joao

[saolremarketing]

Do I need to create a child theme for this addition? Or will it stay with upgrades?

[Christopher]

Hi there,

Setting up child theme is not necessary in this case. You can add code in customizer.

Thanks.

[saolremarketing]

It doesn’t seem to have any effect on my buttons. Still not aligned middle vertically.

[Rupok]

Hi there,

You can adjust the values to achieve what you want. If you think it’s not working at all; then kindly provide the exact URL pointing the button as I can’t see this on your site.

Thanks!

[saolremarketing]

Yes, I understand I can make adjustments, but it isn’t working.

The buttons are on http://770.6db.myftpupload.com/solutions/small-business/ They are in the black bar …

Button #1 is “Solutions”, Button #2 is “Why WGM” etc. (They don’t look like buttons until you mouse over)

Right now I set to Top 10px and bottom 6px but the words didn’t move down.

Further down the page I have Icon Only buttons that I don’t want to screw up because those look fine. On the home page http://770.6db.myftpupload.com/ (also in the black bar) I have simliar buttons that have an icon+text that seem to work fine without adjustment.

So I think it is when text is used alone.

[Friech]

Hi There,

Look for this block of custom css on your customizer

.black-button {
    color: #f3f3f3;
    background-color: #111111;
    border-color: #111111;
}

And update that to:

.black-button {
    color: #f3f3f3;
    background-color: #111111;
    border-color: #111111;
    padding: 0.429em 1.143em;
}

Hope it helps, Cheers!

[saolremarketing]

Thanks. What is the CSS for adding this to my regular buttons globally?

[Friech]

Hi There,

The common class for all the button in x|theme is .x-btn, so the code would be

.x-btn {
    padding: 0.429em 1.143em;
}

Hope it helps, Cheers!

[robotpants]

The last code post here works super well! Might be nice to be native to flat/transparent buttons on X. 🙂

[Jade]

Glad it worked! 🙂

[Author]

Posts