scottb23

[scottb23]

Wow thats interesting! Atleast its meant you can diagnose the problem and hopefully figure it out! Thanks for the temp solution too, it should mean a few tweaks to a couple of posts but going forward it should atleast keep everything working! Thanks a bundle!

[scottb23]

Sent 🙂

[scottb23]

Yeah we’ve got 3.0.2 but using a child theme as I use a few custom functions and the CSS to make our social icons bigger. I’ve turned off the compression for you for a momment, so hopefully you can now see the stuff better?

[scottb23]

We’ve got

EWWW Image Optimiser
BJ Lazy Load
Jetpack (Photon)
SEO Friendly Images

Those are the only things I think are working with images. I tried disabling allof these plugns but it didnt fix the issue :-/

[scottb23]

Hey Jason,
I think it was a conflict with a CSS plugin that used shortcodes as a way to then render stuff on the page. I think it was adding those tags as a way to try and ensure it displayed properly, but it broke this instead. I think its fixed for now! 😀

[scottb23]

With jetpack comments disabled, the problem persists :-/

[scottb23]

Hovering over the images on the single post, they do not show the hover overlay or click through to the linked media. On the homepage however, the sidebar widgets do hover and link correctly.

[scottb23]

Thats perfect thanks!

[scottb23]

Thanks Jason! Got it working! For everyone interested, here is the code to paste into the child theme/whatever CSS stylesheet to turn off social icons when the theme is at iphone width.

/*Turns off social icons on iPhone */
@media (max-width: 767px) {
	#branding .themeblvd-contact-bar li a {
		display: none;
	}
}

[scottb23]

Thanks Jason! I’ve had to go and reference the images via HTML to get it to find it, but it seems to be working now! Also got tripped up slightly with the CSS wanting the #branding marker on the width of the social icons, and then had to reference the selector again to get the height working, but now everything is in place wonderfully.

Thankyou for your help!

I’ve included my css here for anyone else that wants larger social icons, make sure you change it to your relevant domain. Im sure this could be tidied up to run off of the root of the CSS but this works for now!

—

/*Converts icons to 48px*/
#branding .themeblvd-contact-bar li a {
	width: 49px;
}

.themeblvd-contact-bar li a {
	height: 48px;
}

.themeblvd-contact-bar ul.social-media-color li a {
	background-image: url('http://www.ADDYOURDOMAINHERE/wp-content/themes/alyeska/framework/assets/images/parts/social-media-color_48x48.png') ;
}

.themeblvd-contact-bar li .amazon {
	background-position: 0 0;
}

.themeblvd-contact-bar li .delicious {
	background-position: 0 -48px;
}

.themeblvd-contact-bar li .deviantart {
	background-position: 0 -96px;
}

.themeblvd-contact-bar li .digg {
	background-position: 0 -144px;
}

.themeblvd-contact-bar li .dribbble {
	background-position: 0 -192px;
}

.themeblvd-contact-bar li .ebay {
	background-position: 0 -240px;
}

.themeblvd-contact-bar li .email {
	background-position: 0 -288px;
}

.themeblvd-contact-bar li .facebook {
	background-position: 0 -336px;
}

.themeblvd-contact-bar li .feedburner {
	background-position: 0 -384px;
}

.themeblvd-contact-bar li .flickr {
	background-position: 0 -432px;
}

.themeblvd-contact-bar li .forrst {
	background-position: 0 -480px;
}

.themeblvd-contact-bar li .foursquare {
	background-position: 0 -528px;
}

.themeblvd-contact-bar li .github {
	background-position: 0 -576px;
}

.themeblvd-contact-bar li .google {
	background-position: 0 -624px;
}

.themeblvd-contact-bar li .instagram {
	background-position: 0 -672px;
}

.themeblvd-contact-bar li .linkedin {
	background-position: 0 -720px;
}

.themeblvd-contact-bar li .myspace {
	background-position: 0 -768px;
}

.themeblvd-contact-bar li .paypal {
	background-position: 0 -816px;
}

.themeblvd-contact-bar li .picasa {
	background-position: 0 -864px;
}

.themeblvd-contact-bar li .pinterest {
	background-position: 0 -912px;
}

.themeblvd-contact-bar li .reddit {
	background-position: 0 -960px;
}

.themeblvd-contact-bar li .rss {
	background-position: 0 -1008px;
}

.themeblvd-contact-bar li .scribd {
	background-position: 0 -1056px;
}

.themeblvd-contact-bar li .squidoo {
	background-position: 0 -1104px;
}

.themeblvd-contact-bar li .technorati {
	background-position: 0 -1152px;
}

.themeblvd-contact-bar li .tumblr {
	background-position: 0 -1200px;
}

.themeblvd-contact-bar li .twitter {
	background-position: 0 -1248px;
}

.themeblvd-contact-bar li .vimeo {
	background-position: 0 -1296px;
}

.themeblvd-contact-bar li .xbox {
	background-position: 0 -1344px;
}

.themeblvd-contact-bar li .yahoo {
	background-position: 0 -1392px;
}

.themeblvd-contact-bar li .youtube {
	background-position: 0 -1440px;
}

[Author]

Replies