chateau: change text size in widget headers

  • Author
  • #1098119

    Having got every other font size to my staisfaction, I now find that the headers in my widget are ludicrously small.
    Something to do with h3 headers, I understand – not that it means much when I can’t access them.
    So: should I be causing houstonweaver to gnash her teeth by posting this in css rather than here …?

    The blog I need help with is


    No, I will leave you to others to solve.



    This CSS should work for you:

    .wf-active .sidebar-widget h1 {font-size: 1em;}

    Ems are very sensitive, so if you want something larger, you should try 1.1em or 1.2em before you go to 2em.


    I’ve found since posting that question, Zandyring, that all the font sizes in this theme are linked! – using customization to change one is actually changing them all.
    Causes me to wonder, then, if attempting to lock one down by changing it is going to cause havoc.
    I actually wrote to Ignacio, but he didn’t respond – even though I paid him extravagant compliments. :-)



    a) Zandyring’s suggestion will change exactly what you want and nothing other than that.
    b) Who’s Ignacio?


    Oh, Panos! – and you the one who got me on to Chateau in the first place!
    He made it, me old china: Ignacio Ricci.
    OK, now that I have your attention once more – and only on the understanding that I have no intention of changing themes again – will you tell me, in addition to Zandyring’s most welcome offering, how I do the following, please?:
    -stop the footer widget from reducing the size of images put into it
    -stop the same footer widget from being black
    -change font size of body text also without changing others?


    Don’t worry: I am even now dealing with a very nice lady in the whatever it’s called group of helpers, and will not do as I usually do – wave while drowning at every single person in my sightline.
    You are excused.
    Be happy.



    a) Ignacio Ricci is the designer of Chateau. But once a theme is adopted by WP and adapted to WP, the original designer has nothing to do with the version we’re using.

    b) I’m not sure my definition of “body” is your definition of “body”. Body means all the content. Are you talking about that or are you talking about the main column only?

    c) To change the background color of the footer area in Chateau, you add this:

    #colophon {

    (456789 is just an example: you change it to the hex code for the color you prefer.)


    EXCELLENT! – I thank you. One small step for womankind.
    You’re right: by ‘body’ I mean the stuff I actually write, you know?



    For “the stuff you actualy write”, try adding this (change the percentage to adjust):

    .post-entry {


    And a second step!
    σας ευχαριστώ χίλιες φορές
    Here’s hoping that it words in minus; because what with playing around adjusting the three sizes (widget headers, body (stuff I write) headers and body (stuff I write) text, I may well need it.


    worKs, of course …


    I am going totally INSANE. I applied – successfully! – both the css to make the widget header fonts bigger and the css to make the footer white. Saved ’em. Everything hunky dory.
    Now they’re back to what they were.


    And now I find that if I ‘restore’ one and save it (again!), it works (again!); but if I then find the other one and ‘restore’ that and save it, etc., etc., the first one disappears.
    This is truly impossible for anyone who’s not an expert.



    I’m afraid I don’t understand what you mean. Suppose you just want to increase the fontsize of the sidebar widget titles to 1em, and turn the footer widget area from black to white. You paste the two commands in the CSS editor, the one below the other, like this:

    .wf-active .sidebar-widget h1 {
        font-size: 1em;
    #colophon {
        background-color: #fff;

    Is that what you tried?


    What I did was, as I tried to describe, to create two separate css entries – one after the other. Because I received two separate pieces of css text from two people.
    And that’s where my problem started: making and saving one works; making and saving the other works… but then I discover that when the second one works the first one stops working. It’s insanity.
    I can certainly combine the instructions into one, as you say, Panos: but I need to understand what’s happening with the two different files.
    Oh, and thank-you – as ever.



    What “separate css entries” and “different files” are you talking about? You don’t create any files, you just make sure the “Add-On” mode is selected and you add each bit of code in the CSS editor the way I showed above.


    You are telling me that the window is to be filled with one set of text entries after another? – that one simply increments each new thing, and the window then becomes a huge long file?


    Yep, that’s what you’re telling me.
    I thought one added whatever bit of css text one wanted and saved the file and it inserted itself into the hidden css; and then one made a new entry, and saved that, and it inserted itself, etc.
    So – just one long, endlessly incremented file, eh?
    Well I never.


    While you’re there, Panos (and no, it’s no good getting angry at my stupidity: I’ll bet there are some things that I could do standing on my head and you couldn’t) … how do I make the text in the footer widgets bigger, please?

The topic ‘chateau: change text size in widget headers’ is closed to new replies.