Cleancut Sidebar News adds extra space before post title

12 posts from 3 voices

• Started 2 years ago by 362mlk
• Latest reply from Dude
• This topic is resolved

Tags:

No tags yet.

1. 

   362mlk
   Member

   Hi...I'm building a website for a client (they purchased the theme from themeforest...their UN there is 362mlk) and I'm having a display problem with the Sidebar News widget. In IE, it displays the titles from posts fine. In all other browsers, (Firefox, Chrome, Safari, Opera), it adds an extra bit of space before the first line of the title.

   Take a look here:

   http://www.lasclex.org/wordpress/index.php/about

   I've setup the support login here with their user name, but directed the emails to me. Once the site is finished, I'll change the email to the address of the person who will update the site (slittrell@lasclex.org). Feel free to contact him to verify all this.

   Thanks for your help.

   Chris Blair
   Magnetic Image, Inc.
   Evansville, IN
   http://www.videomi.com

   Posted 2 years ago #
2. 

   James Morrison
   Former Team Member

   Hey,

   It looks like a space is being added / the post title starts with a space. Can you disable Cufon (change the replacement font to none) and I can see what's actually going on.

   James

   Posted 2 years ago #
3. 

   362mlk
   Member

   Yes...it might take me a day or two to get to that but I'll post back when I do. As an aside. When testing the site on various browsers, (with the exception of the sidebar news widget issue) it displays properly across Windows and Mac browsers, but on Linux browsers I've tested it on (Opera, Firefox, Seamonkey, Dillo), it appears the Cufon front replacement messes up many of the header titles, not just the sidebar news widget. I only have one Linux machine I test on, but on that machine and across multiple browsers and versions of those browsers (on Linux only), complete words disappear in the headers that use the h1, h2, h3 etc. tags using the toggle shortcodes. If you have a Linux machine you could see that here:

   http://www.lasclex.org/wordpress/index.php/about/donate

   They are there momentarily when the page is loading, then when the font replacement occurs (I believe that's what's happening), they disappear. It's not a huge deal as I don't know how many people view this site on Linux, but we like to build sites that display properly across all platforms and browsers.

   Posted 2 years ago #
4. 

   362mlk
   Member

   I disabled the cufon font replacement following the instructions at the bottom of this thread:

   http://www.kriesi.at/support/topic/changing-the-font-in-cleancut

   Which instructed to delete four lines of code from the "header_includes.php" file. That fixed the problem with adding the extra space in the sidebar news plugin, but introduced a whole host of new problems, mostly on the mainpage. The slider no longer loads and the testimonial icon link now takes you to the top of the page instead of loading the next layer or testimonial post information.

   Any other suggestions? I've gone through the instructions twice from the post above and am pretty sure I deleted the correct string of code.

   Thanks for you help.

   Posted 2 years ago #
5. 

   James Morrison
   Former Team Member

   Hey,

   The simple way to stop Cufon loading is to delete the cufon font from the webserver.

   Can you try this and let me know so I can see the markup?

   James

   Posted 2 years ago #
6. 

   362mlk
   Member

   Care to be specific about how to do that? I see three javascript files here:

   wp-content/themes/cleancut/js

   The files are cufon.js, quicksand.font.js and quicksand_all.font.js.

   Do I delete/rename all three? Those are the only references to cufon or the quicksand font I could find.

   Thanks

   Chris Blair
   Magnetic Image, Inc.
   Evansville, IN
   http://www.videomi.com

   Posted 2 years ago #
7. 

   362mlk
   Member

   I renamed the two quicksand javascript files and that turned off font replacement and fixed the sidebar news widget issue. It actually seems to speed page loading and also eliminates the nagging issue of header and menu fonts loading in bold, then the screen re-drawing when the font replacement occurs.

   Are there any drawbacks to NOT using font replacement? I noticed header and menu fonts are a tad jaggy in Firefox and Safari, but I can live with that in exchange for faster load times and eliminating that odd screen redraw issue with the fonts, which by the way occurs on every wordpress theme I've used that uses cufon font replacement.

   If there are no drawbacks, is there anything else I need to disable or delete/comment out in the stylesheet?

   Thanks in advance.

   Posted 2 years ago #
8. 

   Dude
   Dude

   You can delete following code in custom.js to decrease the file size a bit
   

   // font replacement, remove this line if you want to use a different font defined in css,
   	// or if the current font doesnt support some of your language specific characters
   	cufont_replacement();

   and:

   function cufont_replacement()
   {
   
   	var usedCSS = 1,
   		colorset = new Array('1px 1px #ffffff', '-1px -1px #000000');
   	jQuery('link').each(function()
   	{
   		styleURL = jQuery(this).attr('href');
   		CSSnumber = styleURL.match(/style(\d).css/);
   		if(CSSnumber && CSSnumber.length > 0)
   		{
   			usedCSS = CSSnumber[1];
   		}
   	});
   
   	if(usedCSS == 2 )
   	{
   		colorset = ['0px 0px #ffffff', '0px 0px #ffffff'];
   	}
   	else if(usedCSS == 3 || usedCSS == 5)
   	{
   		colorset = ['-1px -1px #111111', '-1px -1px #111111'];
   	}
   	else if(usedCSS == 4)
   	{
   		colorset = ['1px 1px #ffffff', '1px 1px #ffffff'];
   	} 
   
   Cufon.replace('h1,h2,h3,h4,h5,h6',{ 
   
   	fontFamily: 'quicksand',
   	hover:'true',
   	textShadow: colorset[0]
   	});
   
   Cufon.replace('#wrapper_heading h2',{ 
   
   	fontFamily: 'quicksand',
   	hover:'true',
   	textShadow: colorset[1]
   
   	});
   
   Cufon.replace('.heading',{ fontFamily: 'quicksand', hover:'true'});
   }

   Posted 2 years ago #
9. 

   362mlk
   Member

   What about the other questions about cufon font replacement?

   1. Are there any drawbacks (other than the slightly less smooth & attractive header fonts) to turning it off?

   2. Does it speed page load time or am I just imagining that?

   Thanks!

   Posted 2 years ago #
10. 

    Dude
    Dude

    1) No, as you mentioned above it's just for font replacement. So if you prefer the standard fonts (Arial, Times New Roman, etc.) Cufon doesn't help you at all. If you want to use special "designer" fonts you need to use cufon. Cufon has some advantages (use any font you like, same layout for every user/same font for every user) and disadvantages (page size, javascript, flickering effect, limited support).

    2) For sure Cufon increases page loading/executing time.

    Posted 2 years ago #
11. 

    362mlk
    Member

    Thanks for your help. I'll likely just leave it off on this site as the client isn't that picky about the fonts.

    Posted 2 years ago #
12. 

    Dude
    Dude

    Glad that I could help you.

    Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.