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 7, 2017 at 6:38 pm #327528
  lauries

  Member

  Post count: 63

  Is it possible to

  1) Make the Header Shadow thinner?

  2) Make the Header Shadow a different color?

  1) Delete the Header Shadow on the Home Page only?

  Thanks!

  June 8, 2017 at 3:37 pm #327702
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Here it goes. To change the color just change the rga value.

  .home .header-shadow #header-section #header, body[class*="header-naked"].header-shadow.home #header-section .is-sticky #header, .home.header-shadow .header-wrap .header-6, .home.header-shadow #header-section.header-2 #main-nav {
     display: none!important;
  }
  
  .header-shadow #header-section #header, body[class*="header-naked"].header-shadow #header-section .is-sticky #header, .header-shadow .header-wrap .header-6, .header-shadow #header-section.header-2 #main-nav {
      -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1)!important;
      -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1)!important;
      box-shadow: 0 1px 2px rgba(0,0,0,.1)!important;
  }

  -Rui

  June 9, 2017 at 12:41 am #327768
  lauries

  Member

  Post count: 63

  Hi Rui,

  Thank you so much but this isn’t working. The first part of the code deletes the entire Home Page header; not just the header shadow. And the second part of the code doesn’t create a thinner header shadow on the rest of the site either.

  June 12, 2017 at 7:43 pm #328255
  David Martin – Support

  Moderator

  Post count: 20834

  1&2) This is a thinner shadow, using the red color rgba, also using a 0.1 opacity to make it transparent. Please add this to Theme Options => Custom CSS:

  .header-shadow #header-section #header, 
  body[class*="header-naked"].header-shadow #header-section .is-sticky #header, 
  .header-shadow .header-wrap .header-6, .header-shadow #header-section.header-2 #main-nav {
      -moz-box-shadow: 0 0px 2px rgba(197, 0, 0, 0.1) !important;
      -webkit-box-shadow: 0 0px 2px rgba(197, 0, 0, 0.1) !important;
      box-shadow: 0 1px 5px rgba(197, 0, 0, 0.1) !important;
  }

  3) Please add this to Theme Options => Custom CSS:

  .home .header-shadow #header-section #header { 
      -moz-box-shadow: none !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
  }

  June 12, 2017 at 8:22 pm #328273
  lauries

  Member

  Post count: 63

  Thank you – 1&2) worked. With a few tweaks to the reba color and opacity I got exactly what I wanted.

  However, 3) isn’t working…the Header Shadow on the Home Page is still visible. Thanks.

  June 14, 2017 at 10:32 am #328635
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  I adjusted one of the rules.
  Can you clear the cache and check again.

  -Rui

  June 15, 2017 at 9:54 pm #328955
  lauries

  Member

  Post count: 63

  Great, thanks so much!

  June 18, 2017 at 10:22 pm #329154
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Thanks Rui.

  – Ed

• Back to forum

  Posted in: Atelier