Turn off haze effect in Misty Lake theme

adam1cor · Member · Dec 27, 2012 at 9:48 am
Copy link

Add topic to favorites
Can someone help me in turning off the annoying ‘haze’ effect on the new Misty Lake theme? I understand this is a CSS issue and I have the CSS customization upgrade, but I am a beginner in CSS. Thanks!

The blog I need help with is: (visible only to logged in users)

designsimply · Member · Dec 27, 2012 at 2:30 pm

To change the opacity for images and remove transitions on site links in the Misty Lake theme, add this to your Appearance → Custom Design → CSS editor:

.site * {
	transition: 0;
	-webkit-transition: 0;
	-moz-transition: 0;
	-o-transition: 0;
}

.site a {
	transition: 0;
	-webkit-transition: 0;
	-moz-transition: 0;
	-o-transition: 0;
}

.header-image img,
.entry-content img,
.comment-content img,
.widget img,
.entry-thumbnail img,
.header-image img:hover {
	opacity: 1;
}

adam1cor · Member · Dec 28, 2012 at 10:35 am
Copy link
Thanks so much – that works for the header but the sidebar is still faded until I hover over it (the gradual transition effect seems now to have gone). Any way of making the sidebar opacity ‘1’ as well? Thanks very much
crazylovelyme · Member · Jan 2, 2013 at 3:17 pm
Copy link
Add this to get the faded look off your side bar.
```
div #secondary {
    opacity: 1;
}
```
adam1cor · Member · Jan 2, 2013 at 3:19 pm
Copy link
Excellent! That works, thanks so much for taking the time to respond.
crazylovelyme · Member · Jan 2, 2013 at 3:28 pm
Copy link
Glad I was able to help!
charlesabuell · Member · Jan 13, 2013 at 8:18 pm
Copy link
AWESOME—that has been bugging me as well—works great!
timethief · Member · Jan 13, 2013 at 8:19 pm
Copy link
The black border around the images doesn’t look good IMHO.