Archived topic

White space in header under social icons

5 replies · Started by Nicki Watson on January 17, 2017

Viewing posts 1–6 of 6

January 17, 2017 at 4:27 am #264935

Hi Tom

I have a large logo which is making the header area deep, as a result Im getting a lot of white space under my social icons on the righthand side.
Please could you advise how to put some text in underneath the icons- contact tel numbers for example - I have GP hooks installed but using After Header content puts this immediately after the logo and not positioned over to the right under the icons.
Is there CSS I can use to alter this?
http://www.cotswoldcolleague.co.uk

many thanks

January 17, 2017 at 7:28 am #264990

Hi Nicki,

Have you tried adding text widget under your social icon widget in the header widget area?

Let me know.

January 25, 2017 at 1:45 pm #268682

Thanks, thats helped and I've got the text in there. I think its the size of my logo now thats causing the depth of the header.

Is there a way, (with css?) to make the title of that text to be bold- I don't want all widget headers in bold. thank you

January 25, 2017 at 3:16 pm #268725

This CSS should do:

.header-widget .widget-title {
    font-weight: 700;
}

Let me know.

January 26, 2017 at 3:38 am #268998

Yes that worked thanks.

January 26, 2017 at 8:39 am #269143

You're welcome!

This archived topic is closed to new replies.

Start building better websites today.