Need help? Check out our Support site, then


How do I change the size and format of the date of my blog page in Chateau?

  1. I need to change the size of the date and headers on the blog page of Chateau. I also need to get rid of the odd and troubling "comments off" and "posted by...... " and "Uncategorized" bits that appear on the page. I gather from your support material these would entail editing the CSS code, but I fear I would make a hash of it and ruin my beautiful (so far) site! Thanks for any help you can give me.

    Sorry to be so needy.... I love what WordPress has done for my web presence!

  2. Hi there,

    I also need to get rid of the odd and troubling "comments off" and "posted by...... " and "Uncategorized" bits that appear on the page.

    To get rid of "comments off" you can try adding this code under Appearance > Custom Design. Click the CSS tab and add this completely below the existing green comments:

    .post-com-count {
    display: none;
    }

    Click Save when you're done.

    It isn't possible to hide the "Uncategorized." There are two options:

    1. You can hide the entire line, including "By Walter Piper" - by adding this code:

    .post-info {
    display: none;
    }

    2. You can rename the default "Uncategorized" category to something more descriptive:

    https://wpiper1.wordpress.com/wp-admin/edit-tags.php?taxonomy=category

    Hold your mouse over the word Uncategorized and click the Edit link.

    I need to change the size of the date and headers on the blog page of Chateau.

    You can target the size of the date like this:

    .post-date {
        font-size: 70%;
    }

    Adjust the percentage as needed.

    To target the post titles:

    .post-entry h3 {
        font-size: 20px !important;
    }

    Adjust the pixels as needed.

    If you need further CSS help, please feel free to post in our CSS Customization forum.

  3. That is awesome.....All of it worked great! Two more little things. 1) Can I change the size of what WordPress regards as a blog title -- rather than the embedded heading, which, officially is part of the post but which I subverted as a title because the official title was too big? Without blog titles, the page used for editing does not allow me to distinguish one post from another. AND 2) Is there any way to alter the odd format of the date in the posts? As it is, the date reads, for example, "03" (in huge font) and, just below that, "Monday" (in large font) and at the bottom (in tiny font) "Jun 2013". So it looks like the post was on the 3rd of Monday! Thanks so much for your patience with my issues. I really appreciate it.

  4. Glad that all worked!

    1) Can I change the size of what WordPress regards as a blog title -- rather than the embedded heading, which, officially is part of the post but which I subverted as a title because the official title was too big?

    Could you give me a link to the page in question and some of the wording that you're trying to target, as I'm not sure what you're referring to.

    2) The date is formatted this way in the code:

    <p class="post-date">
    <strong>03</strong>
    <em>Monday</em>
    <span>Jun 2013</span>
    </p>

    That means that you can play with each individual element, for example:

    .post-date em {
    display: none !important;
    }

    This would hide the day of the week, which is in between em tags.

    You can target the other elements in the same fashion.

    Date:

    .post-date strong {
    /* your CSS */
    }

    Month and year:

    .post-date span {
    /* your CSS */
    }
  5. Sorry about being unclear. Here is a link to the page.

    http://loonproject.org/recent-events/

    As I said, I am using the heading within the post's text as a faux title, rather than filling in the title when writing the post, and that is a bit awkward. Still, it works, so it is a decent workaround.

    The power you have given me to alter each element of the date will solve the quirky appearance of the date. Thanks, again.

  6. Somehow I was unable to alter the font size and spacing for the date, although I did delete the day of the week, per your instructions. As you see, the day of the month is disproportionately large relative to the month and year and, in fact, obscures the year in some cases.

    http://loonproject.org/recent-events/

  7. With the day of the week removed you may want to adjust the other date-related elements, which you can target with the code I gave you earlier.

    You might like to explore some CSS Basics.

    For example, to add some margin above the month and year and make it larger, you could use something like:

    .post-date span {
    font-size: 16px !important;
    margin-top: 10px;
    }

    To make the date a bit smaller:

    .post-date strong {
    font-size: 30px !important;
    }

    I'll reply separately to your other question.

  8. As I said, I am using the heading within the post's text as a faux title, rather than filling in the title when writing the post, and that is a bit awkward. Still, it works, so it is a decent workaround.

    Ah, I think I understand what you mean now, though I'm not sure quite why you're doing it. :-)

    If you want to use the "real" blog titles and then alter them with CSS, you could target them with:

    .post-title h1 {
    /* your CSS */
    }

    You could try using a tool like Firebug (for Firefox) or Chrome's built-in web inspector to determine which elements to target with CSS. This and lots more resources here: Editing CSS

  9. Ok. Thanks, again. I think that I have got it looking presentable. Not sure whether the "your CSS" in your code was inviting me to type in something specific to my blog or CSS, by the way, and am quite hazy on the concept of targeting, but everything else worked nicely when cut and pasted in and tinkered with to get a good look.

    Sorry to be such a dunce about everything! Your patience is much appreciated.

  10. It's looking spiffy!

    The line /* your CSS */ was a placeholder pointing out where you'd need to place the actual CSS code. CSS comments are in between these symbols:

    /* this is just a comment */

    or if they're all one line you can also do this:

    // this is also a comment

    Have fun with the site - and learning CSS! :-)

  11. That's what I figured. Thanks for all of your help.

    wp

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.