How to decrease distance between elements

  • Posted in : Photographer
  • sebastiangora
    Participant
    29 October 2017 at 18:08
    #51037

    Hi,

    I’d like to decrease distans between top margin of the page, logo, between logo and menu and between menu and pages content. Especially I’d decrease space between all alements on Home Alternartive page with slider, which is my home page.

    serkan
    Moderator
    30 October 2017 at 11:55
    #51044

    Hi,
    You can try to use these custom css codes;

    @media screen and (min-width: 768px) { 
.home .site-header { padding-top: 1em; padding-bottom: .8em; }
.home .site-header .site-logo { margin-bottom: .4em; }
.home .site-main { margin-top: 0; }
.home .site-footer { margin-top: 3em; } 
}

    Thanks

    sebastiangora
    Participant
    30 October 2017 at 13:39
    #51047

    It works but only at home page. When I click any other page from menu, it goes to standard dimensions.
    How to apply shorter distance to whole template ?

    serkan
    Moderator
    30 October 2017 at 13:58
    #51048

    Hi, I added .home class because you want this change on the home alternative page. If you remove .home class, all pages will be affected.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Photographer WordPress Theme
Login and Registration Log in · Register