Why is the Weebly Slideshow header not clickable?

Ollie have a shadow around the header image. If you are using the Weebly Slideshow header, you will notice it is not clickable. You will need to turn off the shadow for the header to be clickable.

1) Click into “design” and into “edit html/css”

2) Click into “main_style.css” to open up the css code

3) Here locate this code:

.shadow-layer {
  • displayblock;
  • width100%;
  • min-width940px;
  • max-width1920px;
  • positionabsolute;
  • min-height100%;
  • top0;
  • left0;
  • z-index10;
  • -webkit-box-shadowinset 0 0 15px rgba(0, 0, 0, 0.2);
  • -moz-box-shadowinset 0 0 15px rgba(0, 0, 0, 0.2);
  • box-shadowinset 0 0 15px rgba(0, 0, 0, 0.2);
}

 

4) Change the highlighted code from “block” to “none” like this:

.shadow-layer {
  • display: none;
  • width100%;
  • min-width940px;
  • max-width1920px;
  • positionabsolute;
  • min-height100%;
  • top0;
  • left0;
  • z-index10;
  • -webkit-box-shadowinset 0 0 15px rgba(0, 0, 0, 0.2);
  • -moz-box-shadowinset 0 0 15px rgba(0, 0, 0, 0.2);
  • box-shadowinset 0 0 15px rgba(0, 0, 0, 0.2);
}

5) Save your change and re-publish your site

Tags: