WordPress.org

Forums

Adamos
[resolved] Homepage with to much free space in top (7 posts)

  1. vincens
    Member
    Posted 1 year ago #

    Hi

    I have started building a prototype website using the nice Adamos theme. In general it works out very good.

    I have a little problem with my homepage, se link

    As you can see I have some free Space, the white area above the page heading "Forside" is to large. How can I avoide this free Space on my homepage, I don't have the problem at all the other subpages ?.

    Best reagards.

    /Frank

  2. Adrian Houle
    Member
    Posted 1 year ago #

    There is an empty header element that is taking up the space. If you are not going to use it you could use CSS function display: none; to remove it.

  3. vincens
    Member
    Posted 1 year ago #

    Hi

    Thanks for the tip, I'll dive into understanding CSS and try to find out where to insert "display:none;", can you give a hint where and what to look for ?.

    Thanks a lot.

    /Frank

  4. Adrian Houle
    Member
    Posted 1 year ago #

    You need a way to inspect the "compiled html", chrome developer tool or firebug is good.
    Ill just give it to you for now so your free to learn it when you want.

    #page > div.featuretext_top {
    display: none;
    }

    or just

    div.featuretext_top {
    display: none;
    }`

    should work fine. (the first one is just more speicifc)

  5. vincens
    Member
    Posted 1 year ago #

    Hi

    Thank you for your reply.

    When I look into the CSS for my theme, there is a entire section with 3 bloks (see below), which of them should be changed ?.

    Best regards

    /Frank

    /* Custom Home featured areas
    ------------------------------------------------------ */
    .featuretext_top {
    padding: 2px;
    margin: 34px 0 20px 0;
    }

    .featuretext_top h3{
    color: #000;
    padding: 6px;
    margin: 0;
    text-align:center;
    font-size:2.4rem;
    font-size:24px;
    font-family: 'open_sansregular', sans-serif;
    }

    .featuretext_top p{
    color: #999;
    padding: 0;
    margin: 0;
    text-align:center;
    font-size:1.8rem;
    font-size:18px;
    }

  6. Adrian Houle
    Member
    Posted 1 year ago #

    You don't need to chance the existing CSS. CSS done with a child theme, or CSS that is more specific (like my example) will overwrite the existing CSS.

    Just so you know, the first selecter there targets the containing feature element (the one you are trying to set to not display), the second selects any h3 header text inside that element, and the third selects any p (paragraph) text in the element.

  7. vincens
    Member
    Posted 1 year ago #

    Thanks a lot, I Works perfect.

    /Frank

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic