Removing space under header and remove comment box

  • Unknown's avatar
    lapetitelea · Member ·

    Hi! This is the first time I’m posting to the forum so please bear with me if I seem confused :) I’m using the Chateau theme and I have the CSS custom design package.

    I’ve been working on the main page of the site and there are three things I’d like to change but I can’t find what codes to use to do it.

    First: I’d like to to remove or at least reduce the space between the header and the picture and text part underneath. This would be where the title of the page would appear but I don’t want that.

    Second: How can I remove the comment block that appears under that picture and text section?

    Third: I’d like to know if I can move the picture and text section towards the left so its alignment starts at the same place as the header does on the left.

    The blog I’m working on is heleneplourdeartiste.wordpress.com

    Thanks, I hope I was clear enough in my explanations.

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

  • Unknown's avatar
    thesacredpath · Member ·

    Hi, Add the following to your CSS and see what you think.

    1. First, after adding this, I suggest adding a title to your home page. Edit the page and add the title so that the search engines can find the title (they like titles for pages and posts). The following code will remove the title and resulting space between content and header image.

    .content .page .post-title h1 {
    display: none;
}

    2. You can turn off comments globally, for all future posts and pages by going to Settings > Discussion under Default Article Settings. Existing published posts and pages will not be affected by this setting. For those, you need to edit each post or page and turn the comments off in the Discussion module, which is typically located down below the text edit area. If it is not, go to Screen Options at the upper right and activate that module.

    3. The following will get your content as wide as your header image

    #page-inner, #footer-inner, #copyright-inner {
    max-width: 1070px;
}

.content .page .post-entry {
    padding-right: 0;
    width: 100%;
}

.content #comments #respond {
    padding-left: 0;
}
  • Unknown's avatar
    lapetitelea · Member ·

    Thanks!
    The codes you provided did exactly what I needed. However, even if I disabled the comments, the reply box still showed up so I used this code to remove it:
    .content #comments #respond {
    display: none;
    }
    Have a nice day :)

  • Unknown's avatar
    justpi · Member ·

    You don’t need CSS editing to remove the comment section. As thesacredpath pointed out, disabling commenting in Settings > Discussion eliminates the section on future posts only. For already created posts, you do it by editing or quick editing or bulk editing the posts; see this post of mine:

    Comments Off (1)

  • The topic ‘Removing space under header and remove comment box’ is closed to new replies.