Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

Remove date & center header

  1. beamuj
    Member

    Hi,

    I'm having the same issue, I've tried a number of codes but they fail to remove the date and 'posted on' without shifting the page breaks on my blog.

    I'm using the sight theme.

    Also, is there any way I can centre my header using css coding?

    The blog I need help with is beamuj.wordpress.com.

  2. houstonweaver
    Member

    Center header... Try this

    .site-title {text-align: center;}

  3. houstonweaver
    Member

    On removing the date and posted on, did you try
    entry-meta {display: none;}

  4. designsimply
    Staff

    I've tried a number of codes but they fail to remove the date and 'posted on' without shifting the page breaks on my blog.

    This might be what you're looking for:

    .entry-meta {
	visibility: hidden;
}
.entry-meta .comments-link {
	float: left;
	visibility: visible;
}

  5. designsimply
    Staff

    Also, is there any way I can centre my header using css coding?

    To center the site title in the Sight theme, add this to your Appearance → Custom Design → CSS editor:

    .site-header hgroup,
.site-header hgroup .site-title {
	width: 100%;
	margin-left: 0;
	text-align: center;
}
.site-header hgroup .site-description {
	display: none;
}

  6. beamuj
    Member

    Amazing, thank you so much I've managed to change the site title but removing the date with the code above doesn't remove the 'leave the comment'.
    Also one final question about the sight theme, how do I get the two grid/list icons beside the 'latest entries' line?

  7. designsimply
    Staff

    I've managed to change the site title but removing the date with the code above doesn't remove the 'leave the comment'.

    You didn't mention wanting to remove the 'leave a comment' link earlier.

    What is your end goal? Is it to remove the entire post meta line such as "Posted on October 7, 2012 • Leave a comment" and leave an empty space in its place without shifting any of the content below it up? Were you trying to make that change on the home page only or on individual posts as well?

  8. designsimply
    Staff

    Also one final question about the sight theme, how do I get the two grid/list icons beside the 'latest entries' line?

    I'm not sure what you mean. Is this the blog you are working on? http://beamuj.wordpress.com/

  9. beamuj
    Member

    Sorrry, yes beamuj.wordpress.com is the blog i'm working on.

    I would like to remove the entire meta line just on the home page, previous codes I used would shift the positioning of the page.

    Here is a blog/site that has the features I'm looking for ...

    http://beautifullyfitlife.com/

    You can see the grid/list symbol on the right end 'the latest' line there as well.

    Hopefully that makes more sense.

    Thanks

  10. designsimply
    Staff

    I would like to remove the entire meta line just on the home page, previous codes I used would shift the positioning of the page.

    In that case, the solution houstonweaver posted earlier will work—except the dot at the front before "entry-meta" in the example above was missing, so if you tried it that might have been why it didn't work before. Try this:

    .entry-meta {
    display: none;
}

  11. designsimply
    Staff

    The Sight theme setup here at WordPress.com doesn't have grid/list functions, and there is not a way to add that in using CSS only.

  12. beamuj
    Member

    Okay great thanks.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags