Title: Widget Title Position using CSS
Last modified: August 19, 2016

---

# Widget Title Position using CSS

 *  Resolved [justinbriggs1](https://wordpress.org/support/users/justinbriggs1/)
 * (@justinbriggs1)
 * [16 years, 9 months ago](https://wordpress.org/support/topic/widget-title-position-using-css/)
 * Hey everyone, I am creating a custom theme and I am having a problem with the
   way the widget titles are displayed.
    The site is: [http://mymusiccircle.com/company/?page_id=18](http://mymusiccircle.com/company/?page_id=18)
 * I am trying to add a rounded top to all widgets, which seems to be going fine,
   but I cannot seem to gain control of the widget title to display it in the new
   context. Here is the CSS I am using:
 * .widget {
    padding:0 0 10px 0;
 * }
 * .widgettitle {
    background:url(images/widget_boxtop.gif) no-repeat top left; 
   height:37px; }
 * .widget ul {
    margin: 0 10px; list-style: none;
 * Any ideas? Any help would be appreciated, thanks.
 * JW

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

 *  [EMG](https://wordpress.org/support/users/emg/)
 * (@emg)
 * [16 years, 9 months ago](https://wordpress.org/support/topic/widget-title-position-using-css/#post-1138935)
 * That’s because the widget titles use headers. Customize the widget headers and
   you should be fine.
 *     ```
       .widgettitle h2 {
            insert appropriate margins here
            insert appropriate padding here
       }
       ```
   
 *  Thread Starter [justinbriggs1](https://wordpress.org/support/users/justinbriggs1/)
 * (@justinbriggs1)
 * [16 years, 9 months ago](https://wordpress.org/support/topic/widget-title-position-using-css/#post-1138939)
 * That seemed like the obvious answer to me to, but I have tried it repeatedly 
   with no luck. Here is what I have tried:
 * .widgettitle h2
    { margin-left:10px; margin-top:10px; }
 * This doesn’t do anything, can’t even control the color. The other one I have 
   tried is this:
 * h2.widgettitle
    { color:#fff; margin-left:10px; margin-top:10px; }
 * I actually can control the color with this statement, but in no way can I adjust
   margins.
 * What’s going on? Thanks,
 * JW
 *  [EMG](https://wordpress.org/support/users/emg/)
 * (@emg)
 * [16 years, 9 months ago](https://wordpress.org/support/topic/widget-title-position-using-css/#post-1138941)
 * If setting your general h2 doesn’t do the shift, then I would suggest that you
   have a php function interference somewhere.
 * Do you have any php functions that are controlling the way you’re styling your
   WP?
 *  [EMG](https://wordpress.org/support/users/emg/)
 * (@emg)
 * [16 years, 9 months ago](https://wordpress.org/support/topic/widget-title-position-using-css/#post-1138943)
 * Yeaaaap, just checked your stylesheet.
 * To make the changes you want to do, you’ll need to do extensive editing of the
   php in your theme as you are using the Kubrick/Default WP theme as your foundation.
 *  Thread Starter [justinbriggs1](https://wordpress.org/support/users/justinbriggs1/)
 * (@justinbriggs1)
 * [16 years, 9 months ago](https://wordpress.org/support/topic/widget-title-position-using-css/#post-1138945)
 * Criminy. I’ll see what I can do. Thanks.
 *  Thread Starter [justinbriggs1](https://wordpress.org/support/users/justinbriggs1/)
 * (@justinbriggs1)
 * [16 years, 9 months ago](https://wordpress.org/support/topic/widget-title-position-using-css/#post-1138946)
 * Oh yeah, do you know which files to look at by the way?
 *  [EMG](https://wordpress.org/support/users/emg/)
 * (@emg)
 * [16 years, 9 months ago](https://wordpress.org/support/topic/widget-title-position-using-css/#post-1138952)
 * Look in your functions.php file. See if you can find php function code pertaining
   to widgets. More than likely, what you will need to edit would be in there.
 *  Thread Starter [justinbriggs1](https://wordpress.org/support/users/justinbriggs1/)
 * (@justinbriggs1)
 * [16 years, 9 months ago](https://wordpress.org/support/topic/widget-title-position-using-css/#post-1138953)
 * Cool, thanks for your help. I am just going to end up making a custom boxtop 
   for each widget, but I will have a look at the PHP as well.
 * JW

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

The topic ‘Widget Title Position using CSS’ is closed to new replies.

 * 8 replies
 * 2 participants
 * Last reply from: [justinbriggs1](https://wordpress.org/support/users/justinbriggs1/)
 * Last activity: [16 years, 9 months ago](https://wordpress.org/support/topic/widget-title-position-using-css/#post-1138953)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics