Widget Title Position using CSS

  • Resolved justinbriggs1

    (@justinbriggs1)


    16 years, 9 months ago

    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

    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

    (@emg)

    16 years, 9 months ago

    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

    (@justinbriggs1)

    16 years, 9 months ago

    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

    (@emg)

    16 years, 9 months ago

    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

    (@emg)

    16 years, 9 months ago

    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

    (@justinbriggs1)

    16 years, 9 months ago

    Criminy. I’ll see what I can do. Thanks.

    Thread Starter justinbriggs1

    (@justinbriggs1)

    16 years, 9 months ago

    Oh yeah, do you know which files to look at by the way?

    EMG

    (@emg)

    16 years, 9 months ago

    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

    (@justinbriggs1)

    16 years, 9 months ago

    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.