New Landing How can we help? Atelier dropdown icon color – on variable products

Viewing 15 posts - 1 through 15 (of 17 total)
  • Posted in: Atelier
  • #198288
    wtflovelife
    Member
    Post count: 113

    Hi! Just a quick one about color. There is a small arrow to the fight of the drop-down variable item for size that is a very light grey. How can I change this color? I can’t find it in the inspector. Thanks!

    #198522
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Unfortunately it’s an image, therefore it’s not possible to change the colour

    – Kyle

    #201498
    buckie
    Member
    Post count: 71

    Hi,

    Sorry for posting here, but since it’s about the same thing… 😉
    There is no image to be seen in Firefox (Mac).
    It does show when using Safari.

    Any ideas on how to fix that?

    Regards,
    Buckie

    #201509
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Can you provide us a screenshot and the url of that page?
    Thanks

    -Rui

    #201523
    buckie
    Member
    Post count: 71

    This is your site for example.
    http://swiftideas.com/product/achilles-low/

    Buckie

    Attachments:
    You must be logged in to view attached files.
    #202019
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    can you try to add this code.

    
    .browser-ff select{
        background-image: -moz-element!important;
    }

    Let us know if it worked.

    -Rui

    #202279
    buckie
    Member
    Post count: 71

    Hi Rui,

    No effect, sorry.

    Buckie.

    #202287
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    @buckie

    It worked for me when I replaced it in Firefox inspector. Can you provide me access to your site in a private reply? Need to check it

    thanks

    -Rui

    #202301
    buckie
    Member
    Post count: 71
    This reply has been marked as private.
    #202319
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    It seems that rule is not taking effect. Do you have CDN caching the css or something?

    Can you try to replace it directly to see if it works inside the main.css

    replace this

    .browser-ff select, .browser-ie select, .browser-ie10 select {
    	background-image: none;
    }

    by this

    
    .browser-ff select {
    	background-image: linear-gradient;
    }
    .browser-ie select, .browser-ie10 select {
    	background-image: none;
    }
    
    

    -Rui

    #202343
    buckie
    Member
    Post count: 71

    Hi Rui,

    Sorry, doesn’t work either after clearing cache…
    It works when I replace it also in Firefox Inspector.

    Can you see if it worked in FF? Maybe it takes time before any differences show up after editing the css.

    Buckie

    Edit: I placed the code also in my child theme css through wordpress editor. No difference here also.

    #202346
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Can you try to edit again the main.css ?
    I disable the minified stylesheet in the Theme options.

    -Rui

    #202348
    buckie
    Member
    Post count: 71

    Yes, it works!!
    What to do now with the minified stylesheet?

    Buckie

    #202352
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Great. Will check with our Head developer, if that css is included in our next update we will also update the minified version.

    -Rui

    #202354
    buckie
    Member
    Post count: 71

    Thank you Rui!!

Viewing 15 posts - 1 through 15 (of 17 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register