Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 25, 2018 at 2:30 pm #1001651
    walhai

    Hi, I have a problem. I searched already in the forum, but none of the solutions worked for me. So please can you help me.
    I try to increase the size of the sidebar widget image “latest news” to a size of 240 x 200.

    I installed the plugin simple image sizer and changed the size of the widget ti 240 x 200 and regenerated the thumbs.
    In my child .css I put
    #top .news-thumb img, .news-thumb img {
    width: 200px!important;
    height: 240px!important;
    }
    #top .news-thumb {
    height: 240px!important;
    width: 200px!important;
    }

    #top .news-headline {
    display: inline!important;
    }

    But nothing happens :((

    I too tried the change in the functions.php ($avia_config[‘imgSize’][‘widget’] = array(‘width’=>240, ‘height’=>200);) But the same.
    Please take a look and help me.
    Thanks Barbara

    August 25, 2018 at 4:26 pm #1001663
    Mike

    Hey weblinedesign,
    Please try replacing your css with this:

    @media only screen and (min-width: 1024px) { 
.sidebar #newsbox-5 span.news-thumb,span.news-thumb img {
    width: 240px !important; 
    height: auto !important;
    margin-right: 0px !important;  
}
.sidebar #newsbox-5 .news-headline {
    display: inline-block !important; 
}
.sidebar #newsbox-5 a.news-link {
text-align: center !important; 
}
}

    This will activate at 1024px and up because for smaller screens we will need to make another rule to adjust for the space available.
    Please see if this gives you the desired effect, if so we can try to adjust for mobile.

    Best regards,
    Mike

    August 25, 2018 at 4:36 pm #1001665
    walhai

    Thank you for your quick response. No, sorry nothing changed:)) It looks like that every css I try does nothing.
    Your css is now included.
    The funny thing is, if I try it under design – customizer – additional css it works! (of course only for desktop)
    Thank you and best regards
    Barbara

    August 25, 2018 at 5:29 pm #1001676
    Mike

    Hi,
    This was because you had a missing bracket “}” in your css about halfway down, I corrected it for you.
    That is what this error meant:
    2018-08-25_111840
    Please clear your browser cache and check the sidebar styling.

    Best regards,
    Mike

    August 25, 2018 at 6:19 pm #1001708
    walhai

    Thank you (4 eyes are better) – strange error. It looks rather good now and I am playing now around with mobile and iPad.
    Hope it will work.
    Thanks again
    Barbara

    August 25, 2018 at 6:25 pm #1001714
    Mike

    Hi,
    Glad to hear, we will leave this open should you have any questions about adjusting this for mobile and iPad.

    Best regards,
    Mike

    August 26, 2018 at 9:43 am #1001830
    walhai

    Thank you again for your help. I managed it now and did only css changes for the iPad.
    You can close it now.
    Thanks again and best regards
    Barbara

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Sidebar Widget Image increase size’ is closed to new replies.