Imbalance 2: editing the post title and sub-title

  • Unknown's avatar
    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: (visible only to logged in users)

  • Unknown's avatar
    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

  • Unknown's avatar
    designsimply · Member ·

    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%;
}
  • Unknown's avatar
    designsimply · Member ·

    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%;
}
  • Unknown's avatar
    designsimply · Member ·

    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;
}
  • Unknown's avatar
    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 (https://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

  • Unknown's avatar
    mydoodleaday · Member ·

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

  • Unknown's avatar
    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

  • Unknown's avatar
    thesacredpath · Member ·

    See if this gets you what you want.

    #header {
padding-bottom: 0;
}
  • Unknown's avatar
    designsimply · Member ·

    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;
}
  • Unknown's avatar
    designsimply · Member ·

    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.

  • Unknown's avatar
    designsimply · Member ·

    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.

  • The topic ‘Imbalance 2: editing the post title and sub-title’ is closed to new replies.