Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #2072

    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.

    #36498

    Hey!

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

    Best regards,

    Noah

    #36499
    #36500

    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.

    #36501

    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

    #36502

    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!

    #36503

    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>

    #36504

    You’re awesome!

    Thanks for the quick replies.

    #36505

    Glad that I could help you.

    #36506

    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

    #36507

    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',{

    #36508

    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.

    #36509

    Glad that I could help you.

    #36510

    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.

    #36511

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

Viewing 15 posts - 1 through 15 (of 15 total)

The topic ‘Font – Double Vision’ is closed to new replies.