Background image resolution

  • Resolved dipsweet

    (@p_bogdan03)


    11 years, 1 month ago

    Hello,

    Congrats for this beautiful theme. It satisfies my every need regarding my website with one exception.
    When i try to add a background image to the header and the footer through advanced styling, it positions it by pixel size and if i need to set a smaller image i have to reduce the pixel resolution and reduce the quality.
    It is especially obvious when in mobile format.
    Is there any option i missed where i can set the scale of the background or something like that?

    Thank you very much!

Viewing 7 replies - 1 through 7 (of 7 total)

  • Let me make sure I understand, you want to set a background image that works for desktop and then resizes for mobile?

    Use background size cover… ex:

    .headerclass, .footerclass {background-size:cover;}

    Kadence Themes

    Thread Starter dipsweet

    (@p_bogdan03)

    Thanks for your fast reply.
    I cannot set the scale of the displayed image without changing the resolution. If i want a high resolution image it only displays a small portion of it so i have to reduce the resolution and that gives a poor quality result.
    I need to alter the size of the image without modifying the resolution.
    Hope i made my problem clearer.

    Did you try my solution by adding this to your custom css box in the theme options?

    .headerclass, .footerclass {background-size:cover;}

    Kadence Themes

    Thread Starter dipsweet

    (@p_bogdan03)

    Yes, that worked very nice! Thank you very much!

    I tried this this does not work for me. I just want the background image to be stretched to cover the entire screen. What do I set in the custom CSS box so that when I set the background image, it is stretched and covers the entire screen for desktop and mobile?

    Please post in your own topic and post a link to your site.

    Kadence Themes

    how to use background image for my website in virtue theme

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Background image resolution’ is closed to new replies.