Support » Theme: Catch Everest » Blog banner

  • 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!

Viewing 6 replies - 1 through 6 (of 6 total)
  • 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.

    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

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    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

    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 🙂

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    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; }

    That’s great. Thanks so much! 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Blog banner’ is closed to new replies.