[Support request] border none

Home Forums Support border none

  • This topic has 12 replies, 2 voices, and was last updated 1 year ago by David.
Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #990443
    Michiel Lap

    Hi,
    I have tried many things to get rid of an ugly border, but no success.
    On a product page of a product with selectable options, (plugin Extra product options for woocommerce) I see a border around the ‘select options’ section. I want this border to be 0 (none).
    I can’t find how to change the css for this. Tried it in the plugin, with no result to now. Is it in different GP settings maybe?
    Example page enclosed for admins.

    #990515
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS:

    .thwepo-extra-options, .thwepo-extra-options td   {
        border: 0 !important;
    }
    #990889
    Michiel Lap

    Hi David,

    Thank you very much! works and looks great!!

    #990914
    David
    Staff
    Customer Support
    #1007334
    Michiel Lap

    Hi David,

    I changed to an upgrade of the plugin above, and now the border is back. Also, the hook we talked about in an earlier topic, [wcj_product_wholesale_price_table], right above the in-cart button on f.e. this page is showing a border.

    Can you explain me how to get rid of these borders? The code would be great, but could you also give a clue on how I can find these myself in the future?

    Thanks.

    #1007416
    David
    Staff
    Customer Support

    So with the update, the Plugin is not apply any border styles, so they are picking up the themes defaults, so this CSS:

    table, th, td {
        border: 0;
    }

    Finding these requires you to use the Browser Inspector. On the page you wish to ‘style’ right click and inspect. The Dev tools window will be displayed, you can then inspect each of the elements to see what CSS classes and styles are being applied.

    #1007419
    Michiel Lap

    Okay, so the plugin is picking up de sites default, but why is it then showing a border of 1 if the CSS code `table, th, td {
    border: 0;
    }` is supposed to show border 0?

    #1007427
    Michiel Lap

    Okay, so I inspected it, and I see this:screenshot
    What CSS can I manipulate to not have a border?

    #1007433
    David
    Staff
    Customer Support

    Sorry that CSS i provided was to remove the themes CSS.

    #1007438
    Michiel Lap

    Ah, okay, thanks… although I am a little confused as well. With this CSS code, are all borders sitewide standard 0, unless defined other?

    #1007448
    David
    Staff
    Customer Support

    It is – but most table elements are styled separately. For example if you check the cart page, that CSS should not override the table style.

    You can of course make it specific to just those elements:

    The variation selector: .extra-options
    The wholesale selector: .wcj_product_wholesale_price_table

    So the CSS would be something like this:

    table.extra-options,
    .extra-options th,
    .extra-options td,
    table.wcj_product_wholesale_price_table,
    .wcj_product_wholesale_price_table th,
    .wcj_product_wholesale_price_table td {
        border: 0;
    }
    #1007451
    Michiel Lap

    Thanks David!

    #1007455
    David
    Staff
    Customer Support
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.