Banner Heading in Feather Theme

Hi All

Firstly I am using RW latest version

Does anyone know how to reduce the height of the top banner within Feather theme. As you can see from visiting the page there is a lot of white space above and below the banner image i have dropped in. If I make the drop in image deeper or more shallow the heigh of my logo image obviously changes, however the amount of white space remains constant either moving up or down the page according to the size of the image I am dropping in.

I would really appreciate if anyone has found a way around this, or a plugin which allows you additional editing control over themes.

Hi Bernard,

You can try this in the sitewide CSS for it to work on all your pages (Settings > Code > CSS):

#title_area {
    padding-top: 10px;
    padding-bottom: 10px;
}

if it doesn’t work you may have to add !important, like this:

#title_area {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

You can increase or decrease the amount of px as needed.

1 Like

Many thanks that worked

1 Like

Glad it worked. :sunglasses:

Thank you very much I will try this!

1 Like