Sidebar photo widget not responsive

Posted in: Newspaper
Post count: 19

Hi,

I have trouble about sidebar photo widget, it is not responsive style and size is changed according to screen size which really make them unaligned.

Full screen https://ibb.co/F719CD1
ipad screen https://ibb.co/k21q2qx
mobile version https://ibb.co/SBQqFv6

Do we have any solution to make the picture on sidebar widget become responsive style.

Post count: 27744

Hello,

I’m sorry, I don’t understand exactly what widget you mean. Can you tell me what the widget is and how you set it?

Thank you!

Post count: 19

Hello Anamaria,

What I mean is I would like to use the tagDiv[image box] on the right sidebar as shown on the attached images previously.

But the problem is the composition and size of the attached image was not cropped proportionally as you can see.

The image box shown on mobile version / ipad version / desktop version are totally different.

picture >

  • https://ibb.co/hy9JLqN
  • Post count: 27744

    Hello,

    That element is responsive, but you want to have an image with a height and width fixed, so if you want you can add with tagDiv Composer => https://www.screencast.com/t/vpTod4Pb an element where you can set the height and width like this https://we.tl/t-jrGxfNkvMR
    With tagDiv Composer, you can create the sidebar => https://www.youtube.com/watch?v=fa7GenCHcBU the sidebar created in the widget is an “outdated” method.

    Hope this helps you!

    Thank you!

    Post count: 19

    Hello,

    According to your method, it means that we have to create sidebar on every new pages and posts? even if we would like the same side bar on every pages and post?

    Post count: 27744

    Hello,

    Maybe is a solution for what you want, when you set the image box in widgets, add it an extra class => https://www.screencast.com/t/pT32zX6vq for example, I set “td-try”, and after you need to add this code in Theme Panel -> Custom Code -> Advanced CSS for each port and set the height, so that the whole image is displayed => https://www.screencast.com/t/UC3SEKe3ND
    .td-try.td_block_image_box .td-big-image .td-custom-image a {
    height: 180px;
    }

    Hope this helps you!

    Thank you!

    Post count: 19

    Dear Anamaria,

    The problem has been solved by this method.

    Thank you very much.

    Post count: 27744

    Hello,

    I’m glad it was helpful.
    If you have questions regarding our theme, just let us know!

    Have a nice day!

    Viewing 8 posts - 1 through 8 (of 8 total)
    The forum ‘Newspaper’ is closed to new topics and replies.