v.1.0.90
PricingBlog
Sign up
Open app
All topics

Background image

  • yellow_313.-1174069282682966066

    Yellow_313

    2 years ago

    Hello Toddlers, as a newbie here coming from Webflow i can't get my head around how i can add a background image on a div in Toddle, i can only see the img link input field but no image upload option?
    Also how do i then position the image to "Crop-Cover- Fit"?

    Thanks in advance!
  • 1016082609710846024-@Yellow_313
    Hello Toddlers, as a newbie here coming from Webflow i can't get my head around how i can add a background image on a div in Toddle, i can only see the img link input field but no image upload option?
    Also how do i then position the image to "Crop-Cover- Fit"?

    Thanks in advance!
    lucasg-1174069810368360541

    Lucas G

    2 years ago

    toddlers 😂
  • lucasg-1174070477732462704

    Lucas G

    2 years ago

  • lucasg-1174070809686458388

    Lucas G

    2 years ago

    It's definitely different from other platforms but it's a plus for advanced use cases where you have a headless backend that feeds into different frontends (web app, mobile app, etc)
  • yellow_313.-1174070862262059018

    Yellow_313

    2 years ago

    Hi Lucas, i tried to paste a dropbox link where my image is stored but doesn't load?
  • Ok so it needs to be stored like in Supabase?
  • But there is a "Media upload" menu in Toddle?
  • lucasg-1174072338392821761

    Lucas G

    2 years ago

    You're right! Hadn't used it
  • You can upload images to toddle, you there is an upload button in the Attributes tab for img elements
  • Otherwise to reference external images, you need to put the full URL and it should work
  • andreasmoller-1174072861053427764

    Andreas Møller

    2 years ago

    We are adding image upload for background images soon 🙂
    🙌1
  • lucasg-1174072992607768648

    Lucas G

    2 years ago

    Once you upload it you can use the media URL from toddle to reference it though, right?
  • 128651941143117824-@Lucas G
    Once you upload it you can use the media URL from toddle to reference it though, right?
    yellow_313.-1174073397391654972

    Yellow_313

    2 years ago

    Tried it but doesn't work, it only reference the resolution
  • Tod-1174073398436036680

    Tod

    2 years ago

    Great energy @Yellow_313! Your continuous contribution to the toddle Community just made you advance to Community Level 1!
  • lucasg-1174075326490497085

    Lucas G

    2 years ago

    Then yeah, you'll need to use an external URL for background images for now it seems. Just make sure you use the full URL of the image
    👍1
Leave a comment
Nordcraft Co-Founders Kasper Svenning Hansen and Andreas Møller

Chat with Nordcraft

Chat with the Nordcraft team

Nordcraft Co-Founder and CEO Andreas Møller

Call our CEO

Plan a video call with Andreas

Hi Nordcraft!

Write Nordcraft

Send us an email

BlogPricingDocumentationhello@nordcraft.com
RoadmapPress KitTerms & ConditionsPrivacy PolicyAffiliate
© Nordcraft 2025. All rights reserved.