Image Background of a line

  • Resolved aracifcarvalho

    (@aracifcarvalho)


    3 years, 5 months ago

    Hy,
    I hope you can help me.
    The first line of the page has a really important background image, but is not responsive.
    https://sites.arq.ufmg.br/ea/design/
    On mobile view the image is cut and I need the hole view.
    I already tested a lot of css but nothing works.
    Someone help me, please?
    Thanks for your attention
    Regards

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Andrew Misplon

    (@misplon)

    Hi, thanks for reaching out.

    The row background image uses background-size: cover. More on that here. If you want to try background-size: 100% you can try editing the row in question, open the Attributes panel on the right and insert into the CSS Declarations field the following:

    background-size: 100%

    Thread Starter aracifcarvalho

    (@aracifcarvalho)

    Hy Andrew,
    I add the css background-size: 100%, and the image on mobile is repeating.
    https://sites.arq.ufmg.br/ea/design/
    I tryed too, change the value to contain, but after background-size: 100%, any other value is making the image repeat 3 times

    Plugin Support Andrew Misplon

    (@misplon)

    The challenge is that the Page Builder row height isn’t dynamic in the manner required for this situation. You can add, as a new line below the previous CSS declaration the following but it won’t change the height of the row.

    background-repeat: no-repeat

    Thread Starter aracifcarvalho

    (@aracifcarvalho)

    Andrew,
    Thank you very very very much!
    Now I got it right!
    Best regards!

    Plugin Support Andrew Misplon

    (@misplon)

    Super, glad to hear you’re making progress!

    If any SiteOrigin questions arise in the future, please, feel free to open a new thread, we’ll assist further from there.

    Cheers for now.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Image Background of a line’ is closed to new replies.