Reduce padding bellow header sidebar image…plz help.

  • kelsinni

    (@kelsinni)


    10 years, 12 months ago

    Hello, im facing some problems trying to reduce the padding bellow my custom header image.

    The theme that im using is Accelerate free by ThemeGrill.

    My goal is to reduce to the minimum the blank space between the image that i placed on the Image Widget on my Header Sidebar and my main pages bar.

    I had already tried to change some values on the styles.css in some “padding-bottom” fields but with no luck…

    Thanks in advance for all the help given…

    Cheers 😉

Viewing 7 replies - 1 through 7 (of 7 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 12 months ago

    Please link to the Webpage with the problem

    Thread Starter kelsinni

    (@kelsinni)

    10 years, 12 months ago

    Ops…sorry for that. Here it is:
    http://convitesdeaniversárioebatizado.com/site/

    Thanks

    Thread Starter kelsinni

    (@kelsinni)

    10 years, 11 months ago

    Anyone has some ideia? I have already tried to change almost all relevant values of my style.css but without any luck…:(

    Thank you again

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 11 months ago

    First, download and install a Custom CSS plugin so that you don’t make modifications to the theme’s files: https://ww.wp.xz.cn/plugins/custom-css-manager-plugin/

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 11 months ago

    Add the following code to your Custom CSS section of the dashboard…

    reduce to the minimum the blank space between the image that i placed on the Image Widget on my Header Sidebar 

    #header-text-nav-wrap {
    padding-bottom: 10px;
}

    The “10px” was originally “40px”. Play about with the value. Even set it to “0”.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 11 months ago

    With that change, still there’s a large space on mobile. Try adding this too:

    #header-right-sidebar img {
    margin-bottom: 0;
}

    The “0” was reduced from “22px”.

    Thread Starter kelsinni

    (@kelsinni)

    10 years, 11 months ago

    THANK YOU VERY MUCH Andrew!! Perfect! 🙂

    The blank space below the image on the header sidebar had gone as wanted.

    If i wanna to reduce too the blank space on the top of the image what is the code that i should put?

    Thanks once more for the help give 😉

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Reduce padding bellow header sidebar image…plz help.’ is closed to new replies.