ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• June 13, 2017 at 8:46 pm #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!

  June 14, 2017 at 6:38 pm #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?

  June 14, 2017 at 7:06 pm #328849
  lauries

  Member

  Post count: 63

  This reply has been marked as private.
  June 16, 2017 at 12:30 pm #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

  June 16, 2017 at 8:06 pm #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.

  June 19, 2017 at 11:50 am #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?

  June 19, 2017 at 6:41 pm #329337
  lauries

  Member

  Post count: 63

  This reply has been marked as private.
  June 21, 2017 at 6:23 pm #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;
  }

  June 21, 2017 at 6:29 pm #329665
  lauries

  Member

  Post count: 63

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

  June 21, 2017 at 6:45 pm #329666
  David Martin – Support

  Moderator

  Post count: 20834

  Glad to help you out!

• Back to forum

  Posted in: Atelier