Okay
  Public Ticket #1808669
Adding max-width css to background image
Closed

Comments

  • Fenes started the conversation

    Hey there,

    I'm trying to stop the background image in my row from scaling up by adding a max-width: 100% css element to it, could you guys help me figure out how to target that specific element?

    Best wishes,

    - Danny

  •  8,996
    Tahir replied

    Hey Again,

    Not really sure what you need. Could you elaborate with a screenshot ? .

    Best 


    ThemeNectar Support Team 

  • Fenes replied

    Yes of course,

    I'm trying to replicate the effect of the background image in the B&O screenshots.  The background image stays at a fixed maximum width, but when the page is shrunk the image scales down to match.  In my website (Screenshot, EK_Draft) the background image scales up to take up the entire row, and I'd like to be able to change its max-width property in css so that it doesn't get any bigger than 100%, but isn't completely locked so that it can still scale down.


    - Danny

  •  8,996
    Tahir replied

    Sorry for the late turn around, we can get overwhelmed sometimes by the number of tickets. 

    From the screenshot it seems they are using a Row Background where as you seem to be using a Single Image Page Element . Please provide the page url so i can take a look at the exact structure they are using. 

    Best 


    ThemeNectar Support Team 

  • Fenes replied

    No worries, thanks for getting back to me!

    Here's the url for the website I'm trying to emulate:

    https://www.bang-olufsen.com/en

    Let me know if there's anything else I can do to help!

    - Danny

  •  8,996
    Tahir replied

    Hey Again,

    They dont seem to be using the Salient Theme so not sure how we can help emulate it ? .

    Best 


    ThemeNectar Support Team