Title: Css issue
Last modified: August 20, 2016

---

# Css issue

 *  [karlc](https://wordpress.org/support/users/karlc/)
 * (@karlc)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/css-issue-13/)
 * Hi!!
 * Im trying to move footer (social icons) up the page towards text, can somebody
   point me in the right direction? Can not for the life of me find the solution
   with firebug?
 * [http://flowerarrangingcourses.co.uk/](http://flowerarrangingcourses.co.uk/)

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

 *  [Simalam](https://wordpress.org/support/users/simalam/)
 * (@simalam)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/css-issue-13/#post-3602287)
 * Hello,
 * In firefox, right click on one of the social icons at the bottom of the page.
   Click on inspect with firebug. Start going up through the parent elements for
   the icons. For example If you start on the icon ‘img’ tag, go up through ‘a’,
   then ‘p’ then ‘<div class=”textwidget”>, and check for margins, or padding.
 * When you get to the div with the widget-wrapper class, you will see there is 
   a margin of 40px on the top.
 * When there is just margin: you can enter the margin for each side on a single
   line.
 * See Margin Shorthand on this page:
    [http://www.w3schools.com/css/css_margin.asp](http://www.w3schools.com/css/css_margin.asp)
 * Remove the margin for the top of that element.
 * Continue up the levels of HTML and once you get to footer, you’ll see it has 
   a padding set to the top of 50px. Remove the padding for the top of the footer
   and your icons will be closer to the text!
 *  Thread Starter [karlc](https://wordpress.org/support/users/karlc/)
 * (@karlc)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/css-issue-13/#post-3602318)
 * Thanks mate, I can usually fumble around but need the expert help 😉
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/css-issue-13/#post-3602371)
 * As explained above, that space is partly due to the padding in this CSS:
 *     ```
       footer {
           clear: both;
           font-size: 12px;
           overflow: hidden;
           padding: 50px 0;
           text-align: center;
           width: 100%;
       }
       ```
   
 * So try adding this to your custom CSS (if it’s not built in to your theme, you
   an add it via a plugin such as JetPack):
 *     ```
       footer {
          padding: 0;
       }
       ```
   

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

The topic ‘Css issue’ is closed to new replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [footer](https://wordpress.org/support/topic-tag/footer/)

 * 3 replies
 * 3 participants
 * Last reply from: [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * Last activity: [13 years, 2 months ago](https://wordpress.org/support/topic/css-issue-13/#post-3602371)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics