enlarge content column and decrease date and tag column chateau theme

  • Unknown's avatar
    cmjanz · Member ·

    Hi, I’m doing some custom edits in the Chateau theme. (http://dragonflydithers.wordpress.com/)
    I’m having trouble with 2 items.
    1- I want to narrow the left area where the date (and tags) are kept and I have moved the date over. But I cannot seem to figure out how to enlarge the content body for posts to fill the space I created thus widening the post text.
    2- I would like to remove this text: “Posted by christina m janz in Book / Author Quotes, Reading” from below the post title but leave the comment box there intact or place it below the date at left ideally. I’ve only learned how to remove the whole line.
    Your help will be much appreciated. Thanks in advance.
    Christina Janz

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    1. To widen the post, add the following to your CSS and adjust the width. It looks like you can go up to about 76.8%. The “Leave a comment” text becomes the limiting factor once you move it over below the date.

    .post-entry {
width: 72.8%;
}

    2. See what you think with the following to hide the author stuff and move the leave a comment bit down below the date.

    article {
position: relative;
}

.post-info p {
visibility: hidden;
}

.post-com-count {
visibility: visible !important;
 position: absolute;
left: -50px;
top: 130px;
}

    One other thing I’ll mention is that Chateau is a responsive width theme, which means everything adjusts for the width of the screen and browser window. When using the position absolute trick to move the “leave a comment” link over below the date, it will all but disappear on narrower screens. Narrow down your browser window to see what I mean, or look at it on a smartphone to see how it looks.

  • The topic ‘enlarge content column and decrease date and tag column chateau theme’ is closed to new replies.