Font - Double Vision « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » CleanCut

not a support question

Font - Double Vision

15 posts from 5 voices

Started 2 years ago by Zrated09
Latest reply from Chris Beard
This topic is not a support question

Tags:

Zrated09
Member

I have changed the background color of the cleancut skin to mimic that of the tan version of the Levitation skin. After doing that the h1-h6 font classes look like you're seeing double vision and I can't seem to solve this problem. I have found where I can change the color of the font in the style sheet but it still shows what appears to be two characters for each letter slightly offset.

I'm a complete newbie with no coding experience so I could be missing something that is obvious to most people.

Thanks in advance for the help.

Posted 2 years ago #
Noah Hendrix
Support Team

Hey!

Do you have a link to the page you are having trouble with?

Best regards,
Noah

Posted 2 years ago #
Zrated09
Member

http://lunstrum.lbc-construction.com/index_fade_Brian.html

Thanks.
Brian

Posted 2 years ago #
Zrated09
Member

I figured it out. Those text sections needed a heading class applied to them.

I do have another questions since you are looking at my file...

On the 4 images in the content area, the hover image of the magnifying glass is really dim. How do I make it less transparent during the hover state?

Thanks again.

Posted 2 years ago #
Dude
Dude
Search for following line in custom.js - located in a folder called js.
```
jQuery($elements).contents("img").hover(function()
	{
		jQuery(this).stop().animate({opacity:0.4},400);
```
You can change the value of opacity to something between 0 and 1 - lower value means less transparency. At the moment it's set to 0.4
Posted 2 years ago #
Zrated09
Member

Thanks.

One last question. Notice the contacts section I created (from the Levitation theme) in the lower right corner of the page... How do I get a border around that image to match the borders around the images in the one_fourth class?

Thanks again.

Great themes!

Posted 2 years ago #
Dude
Dude
You need to create a div with a class "entry" and put your image into it like:
```
<div class="entry">
<img alt="" src="files/block3.png">
</div>
```
Posted 2 years ago #
Zrated09
Member

You're awesome!

Thanks for the quick replies.

Posted 2 years ago #
Dude
Dude

Glad that I could help you.

Posted 2 years ago #
Zrated09
Member

So I thought I fixed the double vision font....but I am not as clever as I thought.

What I have been doing is changing this:

<div class="one_fourth">
<h3>Lorem ipsum</h3>

to this:

<div class="one_fourth">
<h3 class="heading">Lorem ipsum</h3>

However in some instances the new text isn't exactly the same size as the original, but the double vision is gone.

Furthermore, with some of the current class names (i.e. 'siteheading') the double vision doesn't go away by renaming the class to "heading".

And, in the portfolio page I don't think I can even rename the following class to "heading" without negating the sorting function which makes the portfolio so special:

<h3 class='name_sort'>A mov Lorem ipsum</h3>

Sorry to bother you again, but your help is appreciated

Posted 2 years ago #
Dude
Dude
You can add any class you like to the cufon font replacement. So you can i.e. define some classes (with different font size, font color, etc. in your style.css or style1.css and afterwards you can add them to cufon by eiting custom.js. You need to find following line:
```
Cufon.replace('h1,h2,h3,h4,h5,h6',{
```
Now you can attach some other css classes, ids, etc like:
```
Cufon.replace('h1,h2,h3,h4,h5,h6,.myclass,#myid',{
```
Posted 2 years ago #
Zrated09
Member

It appears the "text shadow" function is what is creating my heartache...

Cufon.replace('h1,h2,h3,h4,h5,h6',{

fontFamily: 'quicksand',
hover:'true',
textShadow: colorset[0]
});

When I remove the textShadow function from the aforementioned code it solves my problem.

Thanks again for pointing me in the right direction.

Posted 2 years ago #
Dude
Dude

Glad that I could help you.

Posted 2 years ago #
dsanders212
Member

I had to do something similar to this. I ultimately just modified the custom.js, duplicating the replace entry for just H1 and removing the text-shadow feature. Much better.

Posted 1 year ago #
Chris Beard

Thanks for the heads up, we'll keep it in mind :)

Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.

© Copyright Kriesi.at – Wordpress Themes and HTML Templates

top