Auto fit images

Hello dear friends…

I do have a question about the widget background image in Astrid theme…

What do i have to do in order the widget background picture to auto fit at any resolution without cropping the image?


Hello @pinguinland,

In that case background image will not cover whole widget space.

Please try to use the following CSS code if you still want to do it.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

.home-wrapper section {
    background-size: contain !important;
    background-attachment: scroll !important;

Kind Regards, Roman.

Sorry for the late response… Thanks for the code.

I do face another problem with image…

At the site we have created a banner with full width (100%). That banner we did create it with Google web designer (it plays as ideal standard brand name) and we inserted it in as frame…

What we need is when someone browse the site by mobile that banner to auto fit at the dimensions of the mobile screen resolution…

Thanks again for the great support!

Hello @pinguinland,

I don’t think that there is an easy way to do it. However, you can contact Codeable for this kind of service, or find a freelancer on Upwork.

Kind Regards, Roman.