Text of buttons aligned outside of the button

The height declaration of the span element conflicts with the padding top and bottom. Remove the height and it looks fine. Use Google Chrome or Firefox with Developer Tools turned on to play with css to achieve your desired results.

Thank you garydarling!

I knew I have to change the weight in the CSS. My problem is that I can’t find it?

Do I need to change the height in the site style.css file? If so, where is it? which line?

Or do I need to change it in the shortcodes CSS file? If so, where is it? which line?

Thanks a lot for your time!

Hello, sorry to keep asking. Can somebody help me? I have been asking this for many weeks and I still can’t fix it. I have spent many many hours with firebug and I can’t find height declaration of the span element . Can somebody help me out?

My problem is that I can’t find it?

Firebug exposes the styles for you.

If so, where is it? which line?

Or do I need to change it in the shortcodes CSS file? If so, where is it? which line?

Never change the theme’s files. Use a Child Theme or Custom CSS plugin and create new styles there.

Try https://jobs.wordpress.net or https://csscreator.com/forum if you can’t manage to create your own styles.

Hello Andrew

I am using a child theme and I am making adjustments in the child theme CSS.

I am also using firebug and when I mouse over the button text I do not see any text height declaration of the span element.

I know this is something very simple to fix and I can understand why nobody has been able to point me in the right direction. All the responses I get are the things that I already know.

Can somebody tell me in chich line of the CSS file the height declaration of the span element is so that I can change it in my child theme?

Thank you in advance!!

At least provide a valid URL.

You can see an example here https://bit.ly/Y1G8eB

Can you identify your theme on https://www.ads-software.com/extend/themes/ ?

This is my theme realty.fearlessflyer.com

It’s not a simple CSS issue if it resides in the plugin.
You’ve had this problem for 2 weeks. The plugin’s author has not helped.

Don’t use this plugin.

I am using this plugin with 3 other sites and it works perfectly fine. The problem is a conflict with the text height declaration of the span element and I cannot find where that item is in the CSS file

It’s not in the CSS. It’s either inline the HTML of the template file or applied dynamically by JavaScript.

We don’t support that theme so you’ll have to find whether it’s in your template file.

If it’s JavaScript, you need to detect which plugin it is that’s causing this and then contact your theme’s vendors if you still can’t identify it.

the effect seems to be caused by:

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

right at the start of /wp-content/themes/realty/foundation-custom.css

remedy (at least in FF17 with web developer add-on):
add this just after the above line:

.su-button * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

https://www.w3schools.com/cssref/css3_pr_box-sizing.asp

Dear alchymyth,

Thank you sooooooooooo much!!! You have no idea how much I appreciate it. The problem is finally fixed!!!

I am not an expert but if there is anything I can help you with, don’t hesitate to ask me.

Again, thank you very much for your time and help.

M