New Landing How can we help? Atelier SPB and Swift Slider Button Color/Translucentcy

Viewing 10 posts - 1 through 10 (of 10 total)
  • Posted in: Atelier
  • #328530
    lauries
    Member
    Post count: 63

    Hi,
    I used the following Custom CSS Mohammad provided for someone else regarding SPB button color:

    a.sf-button.sf-icon-reveal.white {
    background-color: rgba(255,255,255,0.3) !important;
    }

    This worked for one of my SPB sections only, and two of three of my Swift Slider Buttons. Can you take a look and see what I would need to add/change? Thank you!

    #328841
    David Martin – Support
    Moderator
    Post count: 20834

    For your slider, you already have this custom CSS:

    a.sf-button.sf-icon-reveal.white {
        background-color: rgba(255,255,255,0.9) !important;
    }

    What do you want to change?

    #328849
    lauries
    Member
    Post count: 63
    This reply has been marked as private.
    #328990
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    That isn’t an icon reveal button, it’s a standard white button. You can adjust with this:

    a.sf-button.white {
    
    }
    
    a.sf-button.white:hover {
    
    }

    – Ed

    #329051
    lauries
    Member
    Post count: 63

    Ed,
    Thanks so much for the clarification. The code you provided works for the Swift Slider but not the SPB sections. Do you have advice for the SPB sections? Thank you.

    #329210
    David Martin – Support
    Moderator
    Post count: 20834

    Can you provide an annotated screenshot of the exact section/button that is not working as you require?

    #329337
    lauries
    Member
    Post count: 63
    This reply has been marked as private.
    #329662
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    You have added the CSS properties Ed provided, yet not added the color value?

    You need to add your own color values, ex: a white button and black hover:

    a.sf-button.white {
    background-color: rgba(255,255,255,0.9) !important;
    }
    
    a.sf-button.white:hover {
    background-color: rgba(0,0,0,0.9) !important;
    }
    #329665
    lauries
    Member
    Post count: 63

    Sorry I didn’t realize that. Thank you so much.

    #329666
    David Martin – Support
    Moderator
    Post count: 20834

    Glad to help you out!

Viewing 10 posts - 1 through 10 (of 10 total)

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

License required for the following item
Login and Registration Log in · Register