Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #10900

    Hello Dudes,

    Using the Abundance theme, how do I change the font color for page titles, and Widget headings (and size)? I’ve looked in custom.css to no avail.

    Here’s a link to a sample page in the site under development: http://marcopaolochocolates.com/wordpress/adventures-in-chocolate/chocolate-and-wine-pairing/

    You can see that the title ‘Chocolate Wine Pairing’ is in a dark grey, as are the widget titles. I’d like to change these to the dark brown used for the content font color.

    Thanks,

    James Geiger

    #69760

    Hi,

    Kindly go to Abundance > Theme Options > Styling > Quick CSS(located on the bottom of the styling).

    Then try to add this code inside the Quick CSS box:

    Code:
    h1.page-title,
    h3.widgettitle {
    color: #4D2107!important;
    }

    Then click the ‘Save all changes’ button.

    Hope it helps. :)

    Best Regards,

    Ismael

    #69761

    Hey Ismael,

    That’s better but we’re not quite all the way there yet. Your code changes the font color for regular pages and widget titles – WONDERFUL. Now what’s the code to change the Font color on the home page and the Taste Guide pages. These are both pages constructed using your sensational Template Builder. Again, the pages in question are the home page of the site, and the Taste Guide: http://marcopaolochocolates.com/wordpress/taste-guide/.

    The Taste Guide is just a collection of 9 separate pages – one Truffle listing per page.

    The Home Page’s template contains the separate ‘Home’ page, plus slideshow and Recent Posts modules.

    THANK YOU!!

    James Geiger

    #69762

    Hi,

    I just checked your site and I think I forgot to add this:

    Code:
    div.title_container > h1.cufon_headings {
    color: #4D2107!important;
    }

    Hope this code helps. :)

    Best Regards,

    Ismael

    #69763

    Hello Ismael,

    That’s perfect. Thank you very much for getting back to me with these color css statements. I would suggest adding this kind of color manipulation to the Styling Options for all of your themes – and perhaps a font sizing mechanism too. Best regards,

    JamesGeiger

    #69764

    Hi again Ismael,

    I spoke too soon. Two more css codes are needed apparently.

    If you take a look at the Marco Paolo Chocolates Taste Guide page (http://marcopaolochocolates.com/wordpress/taste-guide/) you’ll see that the page titles for each page that makes up this template are still Black/Grey – they should be Brown.

    If you go to the Blog page (http://marcopaolochocolates.com/wordpress/news-and-press/) you’ll see that the Blog posting titles are also

    Black – and they should be Brown as well.

    THANKS!!

    James Geiger

    #69765

    Hi james,

    Try to add this code:

    Code:
    .post-entry > h1.cufon_headings {
    color: #4D2107!important;
    }

    or you can use this instead of using all the codes above:

    Code:
    h1.page-title,
    h3.widgettitle,
    div.title_container > h1.cufon_headings,
    .post-entry > h1.cufon_headings {
    color: #4D2107!important;
    }

    Cheers,

    Ismael

    #69766

    Hello Ismael,

    Well that almost worked, but I couldn’t use the unified code you sent unfortunately. I still have one issue.

    HEADING COLOR FOR INDIVIDUAL PAGES USED IN MY THEME BUILDER PAGE: Its still showing up as Dark Gray/Black: http://marcopaolochocolates.com/wordpress/taste-guide/

    Here’s the Quick CSS code I’m using so far and thank you for all of this. Note that I’ve separated out h3.widgettitle as I needed to increase its font size:

    h3.widgettitle {

    color: #594519!important; font-size: 20px!important;

    }

    div.title_container > h1.cufon_headings,

    div.title_container > h3.cufon_headings {

    color: #594519!important;

    }

    .post-entry > h1.cufon_headings {

    color: #594519!important;font-size: 20px!important;

    }

    My best,

    James Geiger

    #69767

    Hi james,

    Try to replace this code:

    Code:
    div.title_container > h1.cufon_headings,
    div.title_container > h3.cufon_headings {
    color: #594519!important;
    }

    with this code:

    Code:
    h1.cufon_headings,
    h3.cufon_headings {
    color: #594519!important;
    }

    Hope this would fix it. :)

    Best Regards,

    Ismael

    #69768

    That works Ismael for the Template Builder page, but now the Blog post headings are back to Black font… have a look:

    http://marcopaolochocolates.com/wordpress/news-and-press/

    Here’s the Quick CSS code now:

    h3.widgettitle {

    color: #594519!important; font-size: 20px!important;

    }

    h1.cufon_headings,

    h3.cufon_headings {

    color: #594519!important;

    }

    .post-entry > h1.cufon_headings {

    color: #594519!important;font-size: 20px!important;

    }

    #69769

    Hi,

    Replace this code:

    Code:
    h1.cufon_headings,
    h3.cufon_headings {
    color: #594519!important;
    }

    with this:

    Code:
    h1.cufon_headings,
    h3.cufon_headings,
    #top .post-title {
    color: #594519!important;
    }

    Hope it helps. :)

    Best Regards,

    Ismael

    #69770

    Sorry to say Ismael, but the latest code doesn’t have an affect on the Blog posting font color – its still black… :-(

    #69771

    Hi james,

    Try to use this one:

    Code:
    h1.cufon_headings,
    h1.cufon_headings a,
    h3.cufon_headings,
    #top .post-title {
    color: #594519!important;
    }

    Hope it helps. :)

    Best Regards,

    Ismael

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

The topic ‘Page Title and Widget Title Font Color’ is closed to new replies.