Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #72877

    Emily S
    Participant

    Hello,

    I am using the Icon stack with WordPress 3.9.1 and am having some trouble removing unwanted empty space where a page title would usually be placed. Because this is my home page, I don’t want to include a title. How do I move ‘Latest News’ and the content below it so that the heading is in line with the ‘Facebook’ heading on the right? I’ll send the website link and login details in a private reply.

    Thanks!

    #72879

    Emily S
    Participant
    This reply has been marked as private.
    #73181

    Kosher K
    Member

    Hi Emily,

    Thanks for writing in,

    The Left Content Title is moving down because of its default top margin

    you can adjust that by simply adding this code below in Cusotmizer -> Custom -> CSS

    .home h2 {
    margin-top: 10px;
    }

    adjust 10 to suite your needs.

    Cheers

    #73244

    Emily S
    Participant

    Thanks so much!

    #73294

    Emily S
    Participant

    Sorry, I have a couple more questions:

    How do I remove the faint line between the page content and footer? I’ve managed to remove all of the other lines around the topbar, navbar, etc. but can’t manage to fix the bottom. I’ve tried using various codes (below), but they haven’t worked.

    .x-colophon, .x-colophon+.x-colophon {
    border: 0px !important;
    }

    .x-colophon, .x-colophon+.x-colophon {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    }

    Secondly, I’ve changed the top padding of the footer for my pages using this code. How do I implement the same thing on my posts page (‘News’)?

    .x-colophon.bottom {
    padding-top: 15px !important;
    }

    Thanks again for your help!

    #73648

    Rad
    Moderator

    Hi Emily,

    Try this css for the border above the footer.

      .hentry:first-child:last-child .entry-wrap {
      border:0px !important;
    }
    

    Then this css for news page

    .blog .x-main.full>.x-container-fluid.offset-bottom{
    margin-bottom : 0px !important;
    }

    Cheers!

    #73652

    Mrinal
    Member

    Hi Emily,

    1) Use the following CSS:

    .hentry:last-child .entry-wrap.entry-wrap {
        border: none !important;
    }

    2) I didn’t get you, can you please show me a screenshot to compare between pages? They look same to. 🙁

    Thanks!

    #73654

    Emily S
    Participant

    Thanks! That first code worked for all the pages, except the ‘News’ one. What do I add for it to work?

    #73699

    Emily S
    Participant

    Never mind, it ended up working! Thanks so much for all your help.

    #73787

    Kosher K
    Member

    You’re Welcome