WordPress.org

Ready to get started?Download WordPress

Forums

Shortcodes Ultimate
Text of buttons aligned outside of the button (15 posts)

  1. mako2
    Member
    Posted 1 year ago #

    Hello

    For some reason the text of the buttons is aligned at the bottom of the button and outside. I think there is some CSS problem but I can finx it.

    You can see an example here http://bit.ly/XGpIpC

    Can somebody help me with this?

    Thanks!

    http://wordpress.org/extend/plugins/shortcodes-ultimate/

  2. Gary Darling
    Member
    Posted 1 year ago #

    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.

  3. mako2
    Member
    Posted 1 year ago #

    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!

  4. mako2
    Member
    Posted 1 year ago #

    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?

  5. Andrew
    Forum Moderator
    Posted 1 year ago #

    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 http://jobs.wordpress.net or http://csscreator.com/forum if you can't manage to create your own styles.

  6. mako2
    Member
    Posted 1 year ago #

    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!!

  7. Andrew
    Forum Moderator
    Posted 1 year ago #

    At least provide a valid URL.

  8. mako2
    Member
    Posted 1 year ago #

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

  9. Andrew
    Forum Moderator
    Posted 1 year ago #

    Can you identify your theme on http://wordpress.org/extend/themes/ ?

  10. mako2
    Member
    Posted 1 year ago #

    This is my theme realty.fearlessflyer.com

  11. Andrew
    Forum Moderator
    Posted 1 year ago #

    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.

  12. mako2
    Member
    Posted 1 year ago #

    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

  13. Andrew
    Forum Moderator
    Posted 1 year ago #

    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.

  14. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

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

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

  15. mako2
    Member
    Posted 1 year ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags