Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 3, 2019 at 2:33 am #1086291
    805ITS

    Hello,

    The color section does not allow the background image to be extra large. I want my image to take up the full screen which works fine on small screen but does not cover up the entire screen on larger display.

    How can I fix it ?

    Thank you in advance for your help

    • This topic was modified 6 years, 7 months ago by 805ITS.
    April 4, 2019 at 7:16 am #1086795
    Rikard

    Hey 805ITS,

    Could you post a link to where we can see the results you are getting please?

    Best regards,
    Rikard

    April 7, 2019 at 8:04 am #1087889
    805ITS

    Yes here is the link. It can only be seen in large screen display because it’s showing correctly on smaller screens.

    April 7, 2019 at 10:43 am #1087937
    Victoria

    Hi 805ITS,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    April 7, 2019 at 11:14 am #1087951
    805ITS

    Yes here it is

    April 8, 2019 at 3:06 pm #1088306
    Victoria

    Hi 805ITS,

    Please try using the following css:

    
.page-id-3152  #av_section_1 {
  background-size: cover
}

    Best regards,
    Victoria

    April 8, 2019 at 9:10 pm #1088431
    805ITS

    It worked thank you very much! :)

    April 10, 2019 at 7:01 am #1088992
    Rikard

    Hi,

    Great, I’m glad you got it working and thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    July 22, 2019 at 10:36 pm #1121015
    805ITS

    I have tried this on a different website with the same theme with the code below :

    .page-id-208  #av_section_1 {
  background-size: cover
}

    Unfortunately it does not work… Can someone please look into it?

    Thank you again for all your help!

    • This reply was modified 6 years, 3 months ago by 805ITS.
    July 23, 2019 at 9:42 am #1121141
    Rikard

    Hi,

    Please try this instead:

    .home  #av_section_1 {
  background-size: cover;
}

    Best regards,
    Rikard

    July 24, 2019 at 1:58 am #1121348
    805ITS

    Thank you for your response but it is not working. Any other solution?

    July 24, 2019 at 11:31 am #1121469
    Rikard

    Hi,

    No other solutions unfortunately. When you say that the image is cropped, what exactly do you mean by that? Please note that when using background images to cover a containing element, then some loss of image data is inevitable.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.