how to resize widgets?

  • xstangerx

    (@xstangerx)


    10 years, 2 months ago

    I’m having problems finding where to edit in order to resize te widgets on my site. Its a dark TT template which is a child of the twenty ten theme. Here is the only bit in the css style sheet that references widgets and I have yet to see anywhere to resize it.

    /* =Widgets
    ———————————————– */

    .widget-title {
    color: #ccc;
    }
    .widget ul li {
    color: #888;
    }

    /* Calendar Widget */
    .widget_calendar #wp-calendar {
    color: #aaa;
    }
    .widget_calendar #wp-calendar th {
    background: #0b0b0b;
    border-color: #333;
    }
    .widget_calendar #wp-calendar tfoot td {
    background: #0b0b0b;
    border-color: #333;
    }

Viewing 5 replies - 1 through 5 (of 5 total)
  • TouchCoding.net – Øyvind Sæther

    (@touchcoding)

    10 years, 2 months ago

    Hi there Xstangerx!
    If I could have a link to your site and I could inspect it some more.

    You could use the width property on the widget class.

    Thread Starter xstangerx

    (@xstangerx)

    10 years, 2 months ago

    http://www.nucleust.com

    its in maintenance mode as the site is not live yet. Where can I add the width property in the width class? I see no width class there at all, only width title color and calendar

    TouchCoding.net – Øyvind Sæther

    (@touchcoding)

    10 years, 2 months ago

    okey, I can’t use that site when it’s in maintenance mode.

    But try this:

    .widget {
width: 100%;
height: 100%;
}

    Change 100% to what you want. play around with it until it is right for you.

    If this doesn’t work, can you tell me what theme you are using?

    Thread Starter xstangerx

    (@xstangerx)

    10 years, 2 months ago

    Sorry didn’t work. The theme is dark tt which is a child of the twenty ten theme

    TouchCoding.net – Øyvind Sæther

    (@touchcoding)

    10 years, 2 months ago

    I installed the theme on a test site and looked for a width property and found this:

    #primary, #secondary {
    float: right;
    overflow: hidden;
    width: 220px;
}

#footer-widget-area .widget-area {
    float: left;
    margin-right: 20px;
    width: 220px;
}

    What widget are you trying to customize? If it is the sidebar(primary and/or secondary), you need to apply the css to “#primary, #secondary” and if it is the footer widget, you need to use “#footer-widget-area .widget-area”.

    I hope this solved it for you 🙂

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

The topic ‘how to resize widgets?’ is closed to new replies.