Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 4, 2017 at 6:04 pm #834434
    lebenspraxis

    Hi support team!

    I created a left sidebar on my homepage, a static page. For some reason the items in the list of recent-posts-widget have not enough space. One item is cut off i. e one letter is missing on my desktop screen [-> Selbstwahrnehmun(g)]. Also I’d like to adjust the line-height of the items. I’d like to have less space between the items.
    I tried to make the width of the left sidebar smaller because I wanted more space for the main content of the page. I took some css I found in this support forum. Maybe some things got wrong?

    I don’t know much about css, I just try some things …

    Here is the relevant code of my style.css in the childtheme:

    /* for the sidebars */
    .sidebar_left .inner_sidebar {
    padding-right: 15px;
    padding-left: 0px !important;
    margin-left: 0px !important;
    }

    .sidebar_left .content {
    margin-left: 5px !important;
    padding-left:0px !important;
    }

    .sidebar_right .inner_sidebar {
    margin-left: 0px !important;
    }

    .inner_sidebar {
    width:100%;
    }

    .sidebar .widgettitle {
    text-transform: none;
    font-size: 13px;
    }

    .sidebar a, .sidebar a > strong {
    color: #b65c2f !important;
    }

    .sidebar a:hover, .sidebar a>strong:hover {
    color: #fcc522 !important;
    }

    .widget {
    color: #b65c2f !important;
    }

    /* for the homepage */

    .page-id-121 #main .container {
    max-width: 100%;
    width:100%;
    }

    .page-id-121 #main .container .av-content-small.units{
    width:83%;
    margin-right:5.5%;
    padding-left: 0px;
    }

    .page-id-121 #footer .container {
    padding-left:10.8%;
    }

    .page-id-121 #socket .container {
    padding-left: 10.8%;
    }

    Best regards,
    Rigobert

    August 6, 2017 at 6:59 am #834946
    Rikard

    Hey Rigobert,

    I can see the items you are referring to and it looks very tight there, I can’t see anything cutting off though. If you decrease the space between the items then I think they will overlap. Could you post a screenshot highlighting what you are looking to achieve maybe? You can upload screenshots to a service like google drive or dropbox and then link to them here.

    Best regards,
    Rikard

    August 6, 2017 at 12:10 pm #835008
    lebenspraxis

    Hey Rikard,
    on my screen it does not look tight as you can see in the screenshots I made. I marked the things that seem to need an adjustment. I refer to the homepage and its left sidebar and there is also a wide right sidebar on the site displaying the blog entries. You can see what I mean and what I want in the screenshots.

    Best regards,
    Rigobert

    August 6, 2017 at 10:38 pm #835138
    Mike

    Hi,
    I believe this address all of those issues:

    #after_section_1 .container {padding: 0 10px!important; }
.page-id-121 #main .container .av-content-small.units { margin-right: 0px!important; }
.content .entry-content-wrapper {padding-right: 0px!important; }
.page-id-480 #main .container {padding-left: 3%!important; }
.page-id-480 #main .content {margin-right: 10px !important; }

    Best regards,
    Mike

    August 7, 2017 at 1:10 pm #835350
    lebenspraxis

    Thank you very much for your reply MIke!
    Some suggesgtions you made could be a solution. I need to play around with it to see what could achieve what I want.
    The single blog-entries’ site still has to much space on the right side. Which css elements must I adress to reduce that space?
    Also: What element must be adressed to reduce the line-height of the items in the recent posts widget?

    Best regards,
    Rigobert

    August 7, 2017 at 2:16 pm #835377
    lebenspraxis

    Hey Support-Team,

    I ‘ve been successfull in reducing the space to the right edge in the single blog entrie’s site. I did this:

    .single #main .container {
    max-width: 100%;
    width:100%;
    padding-left: 10.8%;
    padding-right: 2.5%;
    }

    Now there are the same settings as on the blog-page and the other pages, except the homepage which has to be special.
    The issue that remains is the adjustment of the line-height of items in the recent posts widget. Any suggestions for that?

    Best regards,
    Rigobert

    August 7, 2017 at 11:59 pm #835641
    lebenspraxis

    Hi,
    all is done now! Works fine. My description of the last remaining issue was wrong: I wanted to change (reduce) the line-height in the Latest News Widget, not in the Recent Posts Widget. I found a hint in the forum and could achieve what I wanted. Here’s the CSS that did it:

    .news-link { line-height:1.2 !important; }

    You can close this Thread.

    Thank you very much for your help!

    Rigobert

    August 8, 2017 at 6:48 am #835704
    Rikard

    Hi Rigobert,

    Great, glad you found a solution and thanks for sharing. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Adjust sidebar and widgets: width, line-height of items in recent posts’ is closed to new replies.