Can't hide 2 little boxes next to Description tab on individual product pages?

  • paulmoreton

    (@paulmoreton)


    10 years ago

    Hi,

    I currently have two very small square boxes either side of the “Description” tab on my individual product pages (https://forgetfulmr.com/product/birthday-yearly-card-subscription) that I’m trying to remove.

    I identified the offending code via Firebug

    .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after {
    border: 1px solid #e6e6e6; !important
    bottom: -1px;
    content: ” “;
    height: 5px;
    position: absolute;
    width: 5px;
    }

    However upon adding the revised tweak to my child theme (removing the “!important” from the border variable) the boxes remain. I’ve done this same amend on another site and it worked first time?

    Only difference I can see is on the site I’m having problem with, in Firebug it shows the following inlines styles overriding my child theme and woocommerce styles.

    /product/birthday-yearly-card-subscription/
    Inline
    /product/birthday-yearly-card-subscription/ #2
    /product/birthday-yearly-card-subscription/ #2
    /product/birthday-yearly-card-subscription/ #2
    /product/birthday-yearly-card-subscription/ #2
    /product/birthday-yearly-card-subscription/ #2
    /product/birthday-yearly-card-subscription/ #2

    I thought Inline styles related to styles being set within the HTML – but as these are WooCommerce styles I don’t believe this is being done.

    I’ve tried literally everything I can think of to resolve but sadly I’ve hit a brick wall
    -disabled my child theme
    -added the style amend to the parent theme
    – added the style amend via Custom CSS plugin
    -i’ve removed all my style tweaks from all files

    Any help / advise anyone can offer would be very much appreciated.

    Kind regards
    Paul

    https://www.ads-software.com/plugins/woocommerce/

Viewing 3 replies - 1 through 3 (of 3 total)

  • The style causing the boxes could be coming from the WooCommerce Colors plugin. Have you tried deactivating it. Are you using the latest version 1.0.4.

    Thread Starter paulmoreton

    (@paulmoreton)

    Thanks for the reply Lorro – I tried updating the Colors plugin and disabling it but still no joy ??

    Any other ideas?

    Thanks once again for your help

    Paul

    I still think the offending border is coming from WooCommerce Colors. Did you clear out Super Cache pages and clear your browser cache? Anyway, try overwriting it with this in your custom css:

    .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before
{border-width:0 1px 1px 0 !important}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after
{border-width:0 0 1px 1px !important}

    Unfortunately Colors styles seem come last and may take precedence.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Can't hide 2 little boxes next to Description tab on individual product pages?’ is closed to new replies.