Content area - global block issue

[j300bac]

Hello,

I seem to have a problem with my latest news toggle at the bottom of the website listed in the secure note.

When toggling on the homepage the latest news widget in the content area inherits the CSS required on the homepage.

The CSS used is isolated to the item but still has an affect on the content area.

You can see when toggling on the home page it’s blank and when toggling anywhere else where the page CSS is not present that it shows perfectly.

Other than that everything is perfect.

Please see SECURE NOTE for login info if necessary along with screenshot.

Many Thanks for your continued support

[rad]

Hi @j300bac,

Thanks for reaching out.

It’s due to this custom CSS added to your widget area element’s CSS

.h-widget {
  display: none;
}

.widget ul li a, .widget ol li a, .x-comment-time {
  color: #ffffff;
  }

.widget ul li:hover, .widget ol li:hover {
  background-color: #407bc1;
}

.widget.widget_recent_entries li .post-date {
  color: #ffffff;
  text-shadow: none;
}

Please change it to this

$el .h-widget {
  display: none;
}

$el .widget ul li a, $el .widget ol li a, $el .x-comment-time {
  color: #ffffff;
  }

$el .widget ul li:hover, $el .widget ol li:hover {
  background-color: #407bc1;
}

$el .widget.widget_recent_entries li .post-date {
  color: #ffffff;
  text-shadow: none;
}

The $el is the selector for current element.

Hope this helps.

[j300bac]

Thank you so much for that Rad - been bugging me for weeks!

[mldarshana]

Glad we were able to help