WordPress.org

Ready to get started?Download WordPress

Forums

Catch Everest
Blog banner (7 posts)

  1. HM-ShoreFit
    Member
    Posted 10 months ago #

    Does anyone know a way I can remove the "Blog" header underneath my menus, including the 2 double lines above & below it please?

    Also, I'd like move the blog text inwards a little, about the same space as an indent as its too close to the edge.

    Here's a link to my blog,any help would be hugely appreciated!

    http://www.shorefit.co.uk/blog/

    Theme: Catch Everest 0.1.0

    Thanks!

  2. RoamingPro
    Member
    Posted 10 months ago #

    You could create a child-theme with a custom style.css

    http://codex.wordpress.org/Child_Themes

    then add these lines to the style.css

    .page-header {
    display: none;
    }

    This removes the BLOG section, and the lines remaining do not look too bad.

    Next, I would style the menu something like this:

    #header-menu ul.menu {
      text-align: left;
      margin-left: 10px;
    }

    Finally, moving your blog container in with some padding-left:

    .entry-container {
    padding-left: 20px;
    }

    Once you get the child theme active, you can modify any of the styles and play around with your theme's appearance.

  3. HM-ShoreFit
    Member
    Posted 10 months ago #

    That's great, thank you!

    I don't suppose you know how I can decrease the default line spacing? It's the only thing left to sort...for now anyway :)

    Thanks again!

    Hannah

  4. Andrew
    Forum Moderator
    Posted 10 months ago #

    Add CSS line-height to .entry-container, e.g:

    .entry-container {
     padding-left: 20px;
     line-height: 1.8em;
    }

    It's 1.8em by default.

    http://www.w3schools.com/cssref/pr_dim_line-height.asp

  5. HM-ShoreFit
    Member
    Posted 10 months ago #

    I've set it to 1.5 and it looks loads better. It's still leaving a big space between paragraphs but I will have a play with that.

    Could I ask one more thing...how would I apply that same spacing to the whole website?

    Thanks :)

  6. Andrew
    Forum Moderator
    Posted 10 months ago #

    Instead of applying the line height to '.entry-container' create a new style and apply it to the 'body' element, e.g:

    body { line-height: 1.5em; }
  7. HM-ShoreFit
    Member
    Posted 10 months ago #

    That's great. Thanks so much! :)

Reply

You must log in to post.

About this Theme

About this Topic