WordPress.org

Ready to get started?Download WordPress

Forums

Custom Community
Sidebar widget title background size (7 posts)

  1. kniemarathon
    Member
    Posted 10 months ago #

    Hi there,
    I changed the size of the right sidebar from 200px to 300px. Now the widget title background bar (border) is too short (100px). How can I change the size? (not the font size!)

    I a CSS snippet? Any idea?

    Any help would be appreciated.

    Thanks.

  2. jamiebrwr
    Member
    Posted 10 months ago #

    If you update the css for the #sidebar and .v_line_right it should work fine. Update the lines of code below in your style.css file and it should fix it. It worked for me anyway.

    Screenshot: http://cl.ly/image/0W1Y0D1i1h1y

    #container .row-fluid .span8, .row-fluid .span8 {
         width: 700px;
    }
    div.v_line_right {
         right: 300px;
    }
    div#sidebar {
         width: 225px;
         margin-left: -225px;
    }
  3. kniemarathon
    Member
    Posted 10 months ago #

    Thanks, but it does not work. Same problem as before. The sidebar size is 300px but not the widget Headline (bar or spacer. I use the responsive mode. The sidebar looks, like this; too short:

    xxxxxx (Headline Widget: Title with Background)
    xxxxxxxxxxxxxxxx
    xxxxxxxxxxxxxxxx
    xxxxxx (This is the problem)
    xxxxxxxxxxxxxxxx
    xxxxxxxxxxxxxxxx
    xxxxxx
    xxxxxxxxxxxxxxxx
    xxxxxxxxxxxxxxxx

  4. downtimeinc
    Member
    Posted 10 months ago #

    div#sidebar h3.widgettitle, #leftsidebar .widgettitle {
    width: 300px;
    }

    adjust the width as needed - should sort you out

  5. kniemarathon
    Member
    Posted 10 months ago #

    unfortunately, it helps not. The backround of the widget title has not changed.:-(

    Right sidebar size is perfekt, also the verticle line but.
    My CSS:

    #container #sidebar { width: 25%; }

    #content { width: 70% !important; }

    div.v_line_right {
    right: 300px;
    }

    div#container {
    min-width: 480px;
    {

    div#sidebar h1.widgettitle, #rightsidebar .widgettitle {
    width: 300px;
    }

  6. kniemarathon
    Member
    Posted 10 months ago #

    now ist works, thanks for your help :-)

    -> right-sidebar or left-sidebar (not leftsidebar)

    #container #sidebar { width: 25%; }

    #content { width: 70% !important; }

    div.v_line_right {
    right: 300px;
    }

    div#container {
    min-width: 480px;
    }

    div#sidebar h3.widgettitle, #right-sidebar .widgettitle {
    width: 400px;
    }

  7. downtimeinc
    Member
    Posted 10 months ago #

    cool - glad it worked out

Reply

You must log in to post.

About this Theme

About this Topic