Header right reduce width Outreach

Community Forums Forums Design Tips and Tricks Header right reduce width Outreach

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  braddalton 1 year, 7 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #26089

    rogerp
    Participant
    Post count: 48

    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

    #26096

    braddalton
    Participant
    Post count: 10174

    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?


Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.