Maximum_Results

OK.

It does look like you have the latest Twenty Eleven theme files (version 2.2), and no child theme.

What widgets are supposed to be in the sidebar?

I see two widgets in the “footer area two” widget placeholder. Oddly, I don’t see the right side sidebar at all, even though the main page has all the markings of a page with a right sidebar.

Have you tried disabling all of your plugins and seeing if the sidebar comes back?

Do you have a sidebar.php file in your twentyeleven theme directory? (the directory which has the style.css file in it)

Feel free to email me directly if you would like me to take a closer look with you. Eric at mrmfl dot net is the email address.

Do you have a link to your site?

Also, what version of the Twenty Eleven theme do you have? Have you upgraded that to the latest version? Version 2.2 came out with the WordPress 4.3 release. And are you using a child theme with Twenty Eleven, or does your site use just the Twenty Eleven theme?

Actually, all of those questions can be answered with just th link to your site. I can find the versions from the site link.

weblizar, the final solution was to add a line to the top of the .htaccess file with this;
AddType image/svg+xml svg svgz

If you want to make your plugin more proactive with this, you could get the http headers for your image URL in a function you register with “register_activation_hook()”. If the “Content-type:” header doesn’t start with ‘image/’ then you could generate a one line .htaccess file in your ../simple-lightbox-gallery/lightbox/img/ directory.

Wow. I just realized that’s how the cPanel interface works, adding line(s) to “/public_html/.htaccess’.

This isn’t hard to do manually. Just put this line at the top of the .htaccess file in your site’s root directory.
AddType image/svg+xml svg svgz

Depending on your permalinks settings, there could be a WordPress section that start with a ‘# BEGIN WordPress’ line and ends with a ‘# END WordPress’ line. DO NOT put your AddType line in that section. WordPress will overwrite that section and wipe out your addition sometimes (for example if you change your permalink settings).

You can use FTP or your file management tools on your hosting service to update the .htaccess file, or you could use the WordPress .htaccess editor plugin.

Always make a backup of your .htaccess file using FTP or your hosting control panel before changing that file. A corrupt .htaccess file can make the directory unreachable through the web (it can cause “5xx” web server errors), so if you use the plugin to edit the file, you might not be able to get to the plugin to restore its backup file.

In case you’re interested. Apache documentation about the AddType Directive.

Maybe this helps:

How to Add a Mime Type to a Domain in Plesk

Or check with tech support at your hosting service. Even the ‘live chat’ people can probably find the information for you.

UPDATE:

I found this page, which has better pictures to follow:
How to add new MIME type

Add two. For the first one, the extension is .svg and the application ‘image/svg+xml’. If that isn’t a choice, pick the “custom…” and enter ‘image/svg+xml’ there.

In case your plugin developer compresses his files, add the extension ‘.svgz’ with the same ‘image/svg+xml’ information.

Who is your hosting company? What kind of control panel do you have for the hosting service?

Usually, you have the controls in your web hosting “control panel” to set this for your hosting account(s). For example, if your hosting service uses “cPanel” for the control panel, look for “MIME Types” on the main cPanel page.

You need the “MIME type” for files ending in ‘.svg’ and ‘.svgz’ to be set to “image/svg+xml”

If you need more info, you can email me, eric at mrmfl dot net.

I left a more detailed answer over on the TwentyEleven theme forum post.

Short answer, TeqToo’s server is misconfigured for *.svg files.

This will happen again.

I would suggest supplying both *.svg and *.png files for the graphics (the button icons are the issue here), and having a configuration option with radio buttons for “use svg graphics” and “use png graphics”. If you make svg the default, add something to your FAQ telling people either to fix their server configuration for svg files (they should have a MIME type/content type of “Content-Type: image/svg+xml”) or to switch to png graphics if the button icons don’t appear.

OK. The svg file is actually present on all your sites.

You have an issue with the server configuration. The site that works (nysbs.org) is serving *.svg files with a “Content-Type: image/svg+xml” html header. The other domains are serving the *.svg file with a “Content-Type: text/xml” html header. Since you’re using the icons.svg file as a background image, the browser won’t use the file because the web server told it that icons.svg is a text/xml file, not a valid image.

What web hosting service are you using? Look for “MIME Types” on your control panel for the web hosting accounts, and configure those accounts to send *.svg (and *.svgz) files with a MIME type/Content-type of “image/svg+xml”

You can verify this from the command line with wget:

This is the one that works.

$ wget -O – -o /dev/null –save-headers https://nysbs.org/newsite/wp-content/plugins/simple-lightbox-gallery/lightbox/img/icons.svg
HTTP/1.1 200 OK
Date: Sat, 15 Aug 2015 18:42:01 GMT
Server: Apache
Last-Modified: Wed, 05 Aug 2015 16:32:17 GMT
Accept-Ranges: bytes
Content-Length: 1431
Keep-Alive: timeout=5, max=100
Connection: Keep-Alive
Content-Type: image/svg+xml

Here’s one with the problem:

$ wget -O – -o /dev/null –save-headers https://accutonepiano.com/wp-content/plugins/simple-lightbox-gallery/lightbox/img/icons.svg
HTTP/1.1 200 OK
Date: Sat, 15 Aug 2015 18:44:39 GMT
Server: Apache
Last-Modified: Sun, 02 Aug 2015 12:12:58 GMT
ETag: “7ae03c0-597-51c52f93d6680”
Accept-Ranges: bytes
Content-Length: 1431
Vary: Accept-Encoding,User-Agent
X-Powered-By: PleskLin
Keep-Alive: timeout=3, max=300
Connection: Keep-Alive
Content-Type: text/xml

Until that last line comes from the server with “Content-type: image/…”, that plugin won’t work (neither will anything else that uses *.svg files for background images).

Until then, if the developer can tell you where the ‘icons.svg’ text is, you could change it to ‘icons.png’ instead. I found the ‘icons.png’ file in the same directory as icons.svg on the accutonepiano.com site.

It’s not a theme issue at all, and it’s not a conflict. It’s a bug in the plugin.

The plugin is using https://accutonepiano.com/wp-content/plugins/simple-lightbox-gallery/lightbox/img/icons.svg for the background image URL on the button. That doesn’t exist (and probably wouldn’t work if it did exist). It looks like the correct URL is https://accutonepiano.com/wp-content/plugins/simple-lightbox-gallery/lightbox/img/icons.png

When I change the background-image URL in my browser debugger (on all three buttons), they look right.

Thanks Eric. Is it better to change to another theme?

I don’t know about better. There are themes available which already have the social icons built into the header.

I have a child theme for TwentyEleven which offers that feature and several other enhancements (mainly SEO related, plus responsive features to make TwentyEleven look good on phones and tablets.

Eric P.

I want to add the social media icons to the top left of my website. Can I do that in this theme? If so, how?

I’ve done that for some clients with a ‘child theme’ used as a supplement to Twenty Eleven.

If I cannot, where are others putting them where they are easily seen and accessed?

Top of the side bar is popular. It’s also possible to add a raw links into the menu, and with styling (again, this is easiest with a ‘child theme’), make them look like familiar social media buttons/icons.

Eric P.

Answering my own question, in Version: 2.1 of the TwentyEleven theme, in the …/wp-content/themes/twenty-eleven/inc/theme-customizer.js file, this is the code causing the problem:

// Header text color
	wp.customize( 'header_textcolor', function( value ) {
		value.bind( function( to ) {
			if ( 'blank' === to ) {
				$( '#site-title, #site-title a, #site-description' ).css( {
					'clip': 'rect(1px, 1px, 1px, 1px)',
					'position': 'absolute'
				} );
			} else {
				$( '#site-title, #site-title a, #site-description' ).css( {
					'clip': 'auto',
					'color': to,
					'position': 'relative'
				} );
			}
		} );
	} );

I changed that code to call the jQuery hide() and show() methods instead of messing with the position and clip css.

Here’s what I have now.

// Header text color
	wp.customize( 'header_textcolor', function( value ) {
		value.bind( function( to ) {
			if ( 'blank' === to ) {
				$( '#site-title, #site-title a, #site-description' ).hide();
			} else {
				$( '#site-title, #site-title a, #site-description' ).show();
				$( '#site-title, #site-title a, #site-description' ).css( 'color', to );
			}
		} );
	} );

This works. But I had to change the file in the parent theme to make it work.
Perhaps this change can be incorporated into the next update of the TwentyEleven theme.