In this article, we will cover how to set a Background for different elements. You can add a background to your page, but we can also add it directly to other elements, like a headline or a paragraph. This will make your pages easy to read and ensure your message is transmitted to your customers the way you want.
Important Note: Background settings must be enabled by clicking on the toggle.
Requirements:
- An active ClickFunnels 2.0 account.
- A ClickFunnels page.
- One of the elements mentioned under Supported Elements.
Table of Contents:
Background Image URL
This feature will allow you to add an image as the background for that specific element. Click the Image URL button (to its far right) to open the Image Gallery popup; from here, you can upload a new image, select one from your existing images, or it from our 3rd-party built-in stock image providers.
Background Image Style
The Image Style feature will allow you to change the background image position in the element space. Changing this setting will show different ways of placing your background image.
Background Image Fit
Similar to the Image Style feature, the Image Fit feature will allow you to customize how your background image looks by changing how it is positioned in your element. You can select the image location in the element box in the second menu by clicking on the dot.
Background Color
Instead of an image, you can set a solid background color and a foreground for your elements.
Supported Elements:
- General: Headline
- General: Sub Headline
- General: Paragraph
- General: Bullet List
- General: Video
- General: Select Box
- General: Input
- General: Icon
- General: Links
- General: Breadcrumbs
- General: Textarea
- General: Countdown
- Order: Summary
- Order: Confirmation
- Order: Checkout
- Order: Checkout 2 step
- Blog: Name
- Blog: Link
- Blog: Author
- Blog Categories: Name
- Blog Categories: Link
- Blog Categories: Categories
- Blog Post: Name
- Blog Posts: Summary
- Blog Posts: Link
- Blog Posts: Publish Date
- Blog Posts: Category
- Blog Posts: Author
- Download: Download Title
- Download: Download Link
- Course: Name
- Course: Publish Date
- Course: Description
- Course Modules: Name
- Course Modules: Description
- Course Modules: Link
- Course Modules: Publish Date
- Course Lessons: Name
- Course Lessons: Link
- Course Lesson: Video
- Course Lesson: Publish Date
- Products: Name
- Products: Description
- Products: Price
- Products: Link
- Flex Containers
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article