• kniemarathon

    (@kniemarathon)


    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.

Viewing 6 replies - 1 through 6 (of 6 total)
  • jamiebrwr

    (@jamiebrwr)

    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: https://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;
    }
    Thread Starter kniemarathon

    (@kniemarathon)

    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

    downtimeinc

    (@downtimeinc)

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

    adjust the width as needed – should sort you out

    Thread Starter kniemarathon

    (@kniemarathon)

    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;
    }

    Thread Starter kniemarathon

    (@kniemarathon)

    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;
    }

    downtimeinc

    (@downtimeinc)

    cool – glad it worked out

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Sidebar widget title background size’ is closed to new replies.