Text in tabs at bottom of page

  • Resolved JenTomaro

    (@jentomaro)


    8 years, 5 months ago

    Hello,
    I am having trouble with the text in the Description/Reviews area at the bottom of this page.
    Glass Cleaner
    I’m not sure at what point the text or tabs got like this.
    As you can see the “Reviews” word is tucked behind the Description tab covering the “R” a bit.

    I have searched all over for an adjustment within Ultimate Reviews and my own theme and cannot figure it out.

    Any suggestions as to where I can control/change this area?

    Thank you for any ideas.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor etoilewebdesign

    (@etoilewebdesign)

    Hi Jen,

    For some reason there’s a negative margin being applied to those tabs in the woocommerce.css file that is part of the WooCommerce plugin (https://www.jawscleans.com/wp-content/plugins/woocommerce/assets/css/woocommerce.css). Right now it looks like this:

    .woocommerce div.product .woocommerce-tabs ul.tabs li {
margin: 0 -5px;
}

    If you change it to the following, it should rectify your issue:

    .woocommerce div.product .woocommerce-tabs ul.tabs li {
margin: 0;
}
    Thread Starter JenTomaro

    (@jentomaro)

    Thank you for your response!

    I don’t have access to this area so, I have no idea how this could have happened. I talked to my host company that works with these files (they don’t give me access) and they now want to charge me a good bit for fixing it. >.>

    So I asked them how this could have happened. If it’s something I did then I should be able to fix it. If it’s something they did then why pay? ya know?

    Thanks again for your time!

    ~JenT

    Plugin Contributor etoilewebdesign

    (@etoilewebdesign)

    Hi Jen,

    You can try just adding it to the “Custom CSS” box in the “Basic” area of the “Options” tab in our plugin. If you add an “!important” to it, it might overwrite that WooCommerce CSS file.

    .woocommerce div.product .woocommerce-tabs ul.tabs li {
margin: 0 !important;
}
    Thread Starter JenTomaro

    (@jentomaro)

    O.o….that totally worked! Thank you so very much! You guys are the best plug-in support! <3

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Text in tabs at bottom of page’ is closed to new replies.