• Resolved justinbriggs1

    (@justinbriggs1)


    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)
  • 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)

    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

    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?

    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)

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

    Thread Starter justinbriggs1

    (@justinbriggs1)

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

    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)

    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.