Header right reduce width Outreach

[rogerp]

I have added the floating Social Media Icons to my site and put the in the header right area, but as you can see here

http://www.rogerlapin.co.uk

It has moved the text down and the icons up.

Inspecting this with firebug I can see that the widget-area element for each is the full 45% width and what I need to do is reduce total width of each widget area so they will both sit nicely on the top and not make the header so tall?

Can anyone recommend a solution this as I can't find the code to change.

Thanks

Roger

---

Roger
https://www.rogerperkin.co.uk/
Check out my Network Automation Training – Training the Network Engineers of the Future

[Brad Dalton]

Add CSS to either widget.

Grab the class using Firebug and add your declarations to it in your child themes style.css file.

You can also install the Widget CSS Classes plugin and add a i.d and class that way if your prefer.

I assume you want to move the text inline with your social icons?

---

Tutorials for StudioPress Themes.

[Author]

Posts