Site logo

Archived topic

footer-widget css

4 replies · Started by Frederik on February 2, 2016

Viewing posts 1–5 of 5

Hello Tom,

i´ve setup box-shadow for content and widgets.
Unfortunately also footer-widgets are affected.

how can i turn-off box-shadow for footer-widget ??

i used this code

/* Widget title top rounded border - may need to adjust to match border radius of widget */
.widget-title {
      -webkit-border-top-left-radius: 10px;
      -webkit-border-top-right-radius: 10px;
      -moz-border-radius-topleft: 10px;
      -moz-border-radius-topright: 10px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
}

/* Widget rounded corners */
.widget {
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
-webkit-box-shadow: 0px 0px 38px -1px rgba(223,65,16,1);
-moz-box-shadow: 0px 0px 38px -1px rgba(223,65,16,1);
box-shadow: 0px 0px 38px -1px rgba(223,65,16,1);
}

/* Content rounded corners */
.inside-article {
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
-webkit-box-shadow: 0px 0px 38px -1px rgba(223,65,16,1);
-moz-box-shadow: 0px 0px 38px -1px rgba(223,65,16,1);
box-shadow: 0px 0px 38px -1px rgba(223,65,16,1);
/*rounded corners und verstecken von Seiten-Titel */
.page-header {
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      display: none;
}
/* Footer with less padding and without shadow */
.footer-widgets {
padding-top: 20px;
padding-bottom: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

Hi there,

Try changing .widget to .sidebar .widget.

Let me know :)

Hi tom,

perfect, that does the job. Thank you !

You're welcome :)

This archived topic is closed to new replies.