Warning: Cannot modify header information - headers already sent by (output started at /home/jerwon11/divtagtutorials.com/wp-content/plugins/captcha/captcha.php:1) in /home/jerwon11/divtagtutorials.com/wp-content/plugins/wp-super-cache/wp-cache-phase2.php on line 60
Why is the Weebly Slideshow header not clickable?

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: