WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Formatting Post Title in Constructor Theme (3 posts)

  1. foggroadkitchen
    Member
    Posted 4 years ago #

    I'm a complete newbie, so thanks for your patience with my very basic question. I'm on the Constructor Theme and have found my way to making some changes to the css thanks to the great codex documentation on wordpress.org, but I have been unable to adjust the formatting of my post titles. I can change them if I change the <h2> surrounding the title to <h1>, but the changes I've attempted to the stylesheet to further amend how <h2> or <h1> display haven't had any impact.

    What I would like is to have the post titles align on the left with the date and entry text, instead of being indented as they currently are. I would also like to reduce the white space between the post title and the post date.

    I've tried changing the following bits of code in my stylesheet without any noticeable impact:

    .hentry .title h3 {
        margin:0;
        font-weight:700 !important;
        font-size:2em;
    .hentry .title h1 a,
    .hentry .title h2 a{
        display:block;
        padding:10px 12px;
    .hentry .title, .pagetitle {
        margin-bottom: 8px
    .hentry .entry h1,
    .hentry .entry h2,
    .hentry .entry h3,
    .hentry .entry h4,
    .hentry .entry h5,
    .hentry .entry h6,
    .hentry .entry ul,
    .hentry .entry ol {
        margin-left:12px;

    My site is http://www.foggroadkitchen.com

    Thanks a lot for any assistance you can give. I've been working on this for 2 weeks now and am out of ideas.
    -Jen

  2. converting2wp
    Member
    Posted 4 years ago #

    Thanks for sharing your link (and the cake looks awesome!).

    This line in your second block

    padding:10px 12px;

    says you want 10px padding on the top and bottom, and 12px on the left and right.

    If you change it to

    padding:10px 12px 0px 0px;

    it will move the line to the left to line up with the date and may bring the lines together slightly.

    Your date is styled as h4 with
    h4 {
    font-size:1.4em;
    margin:8px 0;
    }

    If you decrease the 8px, it'll bring the two lines closer together.

    I hope I've understood your question.

  3. foggroadkitchen
    Member
    Posted 4 years ago #

    converting2wp you are a lifesaver! Thanks so much for replying and helping me out. Even though I thought I had already tinkered with those bits of code endlessly I made the changes just as you suggested and it worked perfectly. Now I can stop tearing out my hair.

    And thanks for noticing the cake. It was really dreamy, and I would so deliver one to you right now, in thanks, if only it would ship well.

    Thanks again!

Topic Closed

This topic has been closed to new replies.

About this Topic