Page Title and Widget Title Font Color

13 posts from 2 voices

• Started 1 year ago by jamesgeiger
• Latest reply from Ismael
• This topic is not resolved

Tags:

• Font-color

1. 

   jamesgeiger
   Member

   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

   Posted 1 year ago #
2. 

   Ismael
   Moderator

   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:
   h1.page-title,
h3.widgettitle {
color: #4D2107!important;
}

   Then click the 'Save all changes' button.

   Hope it helps. :)

   Best Regards,
   Ismael

   Posted 1 year ago #
3. 

   jamesgeiger
   Member

   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

   Posted 1 year ago #
4. 

   Ismael
   Moderator

   Hi,

   I just checked your site and I think I forgot to add this:
   div.title_container > h1.cufon_headings {
color: #4D2107!important;
}

   Hope this code helps. :)

   Best Regards,
   Ismael

   Posted 1 year ago #
5. 

   jamesgeiger
   Member

   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

   Posted 1 year ago #
6. 

   jamesgeiger
   Member

   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

   Posted 1 year ago #
7. 

   Ismael
   Moderator

   Hi james,

   Try to add this code:
   .post-entry > h1.cufon_headings {
color: #4D2107!important;
}

   or you can use this instead of using all the codes above:
   h1.page-title,
h3.widgettitle,
div.title_container > h1.cufon_headings,
.post-entry > h1.cufon_headings {
color: #4D2107!important;
}

   Cheers,
   Ismael

   Posted 1 year ago #
8. 

   jamesgeiger
   Member

   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

   Posted 1 year ago #
9. 

   Ismael
   Moderator

   Hi james,

   Try to replace this code:
   div.title_container > h1.cufon_headings,
div.title_container > h3.cufon_headings {
color: #594519!important;
}

   with this code:
   h1.cufon_headings,
h3.cufon_headings {
color: #594519!important;
}

   Hope this would fix it. :)

   Best Regards,
   Ismael

   Posted 1 year ago #
10. 

    jamesgeiger
    Member

    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;
    }

    Posted 1 year ago #
11. 

    Ismael
    Moderator

    Hi,

    Replace this code:
    h1.cufon_headings,
h3.cufon_headings {
color: #594519!important;
}

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

    Hope it helps. :)

    Best Regards,
    Ismael

    Posted 1 year ago #
12. 

    jamesgeiger
    Member

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

    Posted 1 year ago #
13. 

    Ismael
    Moderator

    Hi james,

    Try to use this one:
    h1.cufon_headings,
h1.cufon_headings a,
h3.cufon_headings,
#top .post-title {
color: #594519!important;
}

    Hope it helps. :)

    Best Regards,
    Ismael

    Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.