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
• May 26, 2015 at 9:50 am #178386
  saylife

  Member

  Post count: 161

  Hi!
  Can you help me?
  I can’t change the size of the Promo Bar , I have “height:151px”.
  And also how to change the color of the “hover”

  #base-promo, .sf-promo-bar:hover {
  background-color: #0C473B!important;
  }
  #base-promo, .sf-promo-bar {
  background-color: #16a085;
  }

  May 26, 2015 at 10:47 am #178407
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Which promo bar layout are you using? for e.g. full text link, text with button etc

  – Kyle

  May 26, 2015 at 10:53 am #178412
  saylife

  Member

  Post count: 161

  

  May 26, 2015 at 10:58 am #178417
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Add this to your custom css:

  .sf-promo-bar.promo-text > a {
    padding: 40px 0;
  }

  – Kyle

  May 26, 2015 at 11:01 am #178420
  saylife

  Member

  Post count: 161

  And also how to change the color of the “hover”?

  #base-promo, .sf-promo-bar:hover {
  background-color: #0C473B!important;
  }
  #base-promo, .sf-promo-bar {
  background-color: #16a085;
  }

  May 26, 2015 at 11:04 am #178422
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Try this:

  #base-promo.footer-promo-arrow:hover, #base-promo.footer-promo-text:hover, .sf-promo-bar.promo-arrow:hover, .sf-promo-bar.promo-text:hover {
    background-color: #0C473B !important;
  }

  It will need to go in Theme Options > Custom CSS for it to override the current color

  – Kyle

  May 26, 2015 at 11:09 am #178427
  saylife

  Member

  Post count: 161

  Cool!!
  You are the best of the best.

  May 26, 2015 at 11:11 am #178428
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  No problem 🙂

• Back to forum

  Posted in: Atelier