Reduce the space between menus and front page image

  • Resolved qualityskillacademy

    (@qualityskillacademy)


    6 years, 1 month ago

    Hi,

    I need to reduce the space between the first-page CERTIFICATION of my website https://www.qualityskillacademy.com/ and the menu bar. I am very new to WordPress, can anyone please help me with this? My website’s theme is Education Zone and I do not have any programming knowledge so please give me a step by step procedure that’ll be very helpful.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter qualityskillacademy

    (@qualityskillacademy)

    I have used this quote but it’s not working properly

    .home .site-content {
    margin-top: -57px;
    margin-bottom: 0px;
    border: 0px;
    height: 100%;
    }

    Theme Author Rara Themes

    (@raratheme)

    Hi @qualityskillacademy,

    Thank you for contacting RaraTheme Support. I am happy to help.

    Can you please remove the CSS
    .home .site-content { margin-top: -57px; }

    And please add the following CSS in Additional CSS.

    .home .site-main .entry-content,
.home .site-main .entry-content p:first-child,
.home .site-main .entry-content figure {
  margin-top: 0;
}

    You can post this question in our support forum as well. Our official email for support is [email protected]

    If you have further question or need help, please feel free to write to us.

    Thank you!

    Thread Starter qualityskillacademy

    (@qualityskillacademy)

    I tried this code:
    .home .site-main .entry-content,
    .home .site-main .entry-content p:first-child,
    .home .site-main .entry-content figure {
    margin-top: 0;
    }

    but it increased the space instead of reducing.

    My first code reduced the space more than this code.

    Can you please suggest?

    AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello qualityskillacademy,

    Add below css code into your current active child theme’s style.css file or you can add additional css option in theme customizer

    .home .site-main .entry-content,
.home .site-main .entry-content p:first-child,
.home .site-main .entry-content figure{
	margin-top: 0px;
}
.home .site-content {
    margin-top: -30px;
}

    Hope this will helps you.

    Thanks.

    Thread Starter qualityskillacademy

    (@qualityskillacademy)

    Thanks a lot, AddWeb Solution Pvt. Ltd.
    Your code works for me.

    Theme Author Rara Themes

    (@raratheme)

    Hi @qualityskillacademy,

    Please remove previously added CSS and add the following CSS in Additional CSS.

    .home .site-main .entry-content,
.home .site-main .entry-content p:first-child,
.home .site-main .entry-content figure {
  margin-top: 0;
}
.home .site-content {
  padding-top: 0;
}

    If you have further question or need help, please feel free to write to us.

    Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Reduce the space between menus and front page image’ is closed to new replies.