Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

Imbalance 2: editing the post title and sub-title

  1. mydoodleaday
    Member

    Hello there!
    I am wondering whether you can help a noivce on CSS.
    i am about to revamp my blog and was considering the imbalance 2 theme with extra CSS` changes.
    however i am struggling with a few things:
    1. When viewing posts, would it be possible to enlarge the date under the post's title and remove or move to below the post the other details which are currently part of the sub-title (i.e. post by, category, leave a comment, edit)?
    2. would it be possible to increase the size of the 'previous/next' buttons?
    3. in the home page, the posts also display the category above the title of the post. would it be possible to remove that?

    hope this is clear.
    i am currently experimenting with the CSS trial but will soon committ to the task!
    thanks for your help.
    Johnathan

    The blog I need help with is mydoodleaday.com.

  2. timethief
    Member

    The blog linked to your username is wearing the Vigilance theme. Please post an active link starting with http:// to the blog wearing the Imbalance 2 theme

  3. designsimply
    Staff

    I used http://imbalance2demo.wordpress.com/ to check out some o the ideas you mentioned.

    1. When viewing posts, would it be possible to enlarge the date under the post's title and remove or move to below the post the other details which are currently part of the sub-title (i.e. post by, category, leave a comment, edit)?

    To make the post date bigger and hide all the other byline elements on Imbalance 2 theme posts:

    .single .entry-meta {
visibility: hidden;
}
.single .entry-date {
visibility: visible;
font-size: 125%;
float: left;
}

    This would re-position the whole line lower. Adjust the numbers as necessary.

    #content {
position: relative;
}
.single .entry-meta {
position: absolute;
bottom: 165px;
left: 250px;
padding: 0;
font-size: 125%;
}

  4. designsimply
    Staff

    2. would it be possible to increase the size of the 'previous/next' buttons?

    This will adjust the size of the previous/next links to the left of the title on single posts:

    #nav-above {
font-size: 125%;
}

  5. designsimply
    Staff

    3. in the home page, the posts also display the category above the title of the post. would it be possible to remove that?

    To hide category links on the Imbalance 2 home page:

    .home .categories {
display:none;
}

  6. mydoodleaday
    Member

    Wow!
    thank you so very mcuh designsimply... it is all starting to come together and i really appreciate your help :)
    i have now gone 'online' with the new theme and with the CSS upgrade and implemented your changes. http://www.mydoodleaday.com
    i do however have a few more questions (and i hope this is not too cheeky of me ):

    1. I use advise given to another member ( by you i believe) to place a large header on the top of the webpage instead of the small icon that the theme provides as a default (http://en.forums.wordpress.com/topic/enlarging-your-header-image-in-imbalance2?replies=4#post-790094).
    i was wondering whether it would be possible to make the header 'clickable' and link it to the home page.

    2. is it possible to increase the font size for the menus (i.e. home / about me / contact?)

    3. you did wonders with helping me get rid of all the byline elements on the post subtitle on the home page - i am not able however to see the date by the title of the post when i go to the single post page, and was wondering whether that is possible.

    4. one last question (for today at least): would it be possble to put the 'previous/next' button the the right of the post rather than on the upper left hand side?

    thank you so so much for your help!

    Johnathan

  7. mydoodleaday
    Member

    sorry designsimply! just realised that the date is actually there on the post. so please disregard question number 3. apologies!

  8. mydoodleaday
    Member

    also! how do i bring the menu text and the bar below a bit closer to eachother.. at the moment i have a big gap between the two...
    thanks a million!
    J

  9. thesacredpath
    Member

    See if this gets you what you want.

    #header {
padding-bottom: 0;
}

  10. designsimply
    Staff

    i was wondering whether it would be possible to make the header 'clickable' and link it to the home page.

    Try turning the site title display back on, then add something like this:

    #site-title a {
display: block;
width: 960px;
height: 210px;
text-indent: -9999px;
}

  11. designsimply
    Staff

    2. is it possible to increase the font size for the menus (i.e. home / about me / contact?)

    .menu ul a {
font-size: 1.2em;
}

    Adjust the number as necessary.

  12. designsimply
    Staff

    4. would it be possible to put the 'previous/next' button the the right of the post rather than on the upper left hand side?

    Try this. It swaps the 'previous/next' links on single posts, widens the content area, and widens the comments area while still leaving room for avatars on the left when there are comments.

    .post_title h1, .post_title h2 {
margin: 0 250px 10px 0;
}
#nav-above {
float: right;
padding-left: 40px;
padding-right: 0;
}
.entry-content {
margin: 0 250px 0 0;
width: 955px;
}
#comments {
padding: 0 0 0 125px;
width: 830px;
}

    You may want to adjust the numbers as you see fit.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags