Can’t edit size selector

  • bradleo

    (@bradleo)


    5 years, 7 months ago

    Hi I want to change my size selector to have a black border. Infact just at page load the size selector I want appears then this default one appears. Please refer to link. I am using woocomerce variant swatch plugin and will also post on their forum.

    If anyone can help with this it would be great.

    Thanks,
    B

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Abhishek

    (@abhikr781)

    5 years, 7 months ago

    Hi,

    As checked, you have already added the code for the border but that code is not reflecting due to the setting in the elementor. a code with opacity is 0 showing there. Please check your elementor settings.

    Thread Starter bradleo

    (@bradleo)

    5 years, 7 months ago

    @abhikr781 Hi again! Ok so i had that at 0 because when you do 1 the other selector still shows up. I don’t really know how to get rid of the ‘gray’ selector. I’ve left it up on the site. Will keep trying to get a hold of the woovariant plugin support.

    Thread Starter bradleo

    (@bradleo)

    5 years, 7 months ago

    side note when I display: none this elemnt it goes away …

    <span class="theme-select theme-selectHover" style="display: none;"><span class="theme-selectInner" style="display: inline-block;">M</span></span>

    If this is pulling from ocean wp how do I disable it the correct way?

    • This reply was modified 5 years, 7 months ago by bradleo.
    Abhishek

    (@abhikr781)

    5 years, 7 months ago

    Hi,

    Since your site is coming soon mode, I’m not able to see the actual issue on your site. Can you share a screenshot and disable coming soon mode temporarily to check the issue?

    Thread Starter bradleo

    (@bradleo)

    5 years, 7 months ago

    @abhikr781 Hi

    Here is a screen shot of whats shows up for the live site
    https://snipboard.io/greziL.jpg

    this is whats on elementor

    https://snipboard.io/lJoU5z.jpg

    I did add this code ` .value .theme-select {
    display: none !important;
    }
    .reset_variations {
    display: none !important;
    }
    .woocommerce .elementor-element form.cart table.variations td.value select {
    opacity: 1 !important;
    width: 100% !important;
    }
    `

    but it gave me this issue

    https://snipboard.io/xYAQbB.jpg

    Is this an issue with elementor and oceanwp? Am I stuck using the default oceanwp selector?

    Abhishek

    (@abhikr781)

    5 years, 7 months ago

    Hi,

    Please try to add the below CSS code also and check.

    .woocommerce div.product form.cart .variations td.value {
    padding-bottom: 50px;
}
Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Can’t edit size selector’ is closed to new replies.