Unlock Perfect Pixels: GoHighLevel’s Enhanced Image Sizing Controls Mean Flawless Funnels

These new updates help you make beautiful designs that work on any screen, super easily and perfectly. This makes your funnels and websites always look neat and professional on any device.

GoHighLevel heard you! They’ve supercharged how you interact with image and gallery components, making sizing smarter, safer, and supremely consistent.

• Smarter Auto-Sizing: True Freedom for Your Visuals Guessing dimensions is gone. “Auto” support lets elements gracefully size themselves. A one-click toggle switches between “auto” and fixed sizing (pixels, percentages). Inputs clearly show “auto” status.
• Better Defaults & Safer Inputs: Building with Confidence No more empty fields! Switching to a fixed unit auto-populates with “100.” Empty values are blocked, preventing broken layouts. Older components intelligently adapt when edited.
• Cleaner, More Consistent Controls: Streamlined Design Workflow The input displays “auto” when active. Unit dropdowns appear only when needed, reducing clutter. Both “Width” and “Height” controls now behave with the same logic, streamlining your workflow.

These enhanced image sizing controls directly impact your bottom line:

• Stop Guessing: Eliminate unpredictable sizing and achieve your desired look, faster.
• Faster Workflow: Quickly switch and confidently adjust dimensions.
• Professional Polish: Your visuals will look sleeker and more professional.
• Responsive Layouts: Ensure designs look stunning and function flawlessly across all screen sizes.
• Reliable Results: Say goodbye to broken images; your content will perform as intended.

Let’s show you how to use these powerful new image sizing controls. This update impacts visuals in the Sites section, specifically within the Funnels or Website builders, applying to the Image element and Photo Video Gallery component.

The intuitive design of these new controls means no more guessing. You’ll find clear “Auto” options, smart default values, and consistent behavior. Whether it’s a single image or a full gallery, the process is streamlined.

• The Main Menu on the Left side of your screen has all the main areas that you work in when using GHL

1.1  Click on the Sites Menu Item.

• Access the ‘Sites’ section of GoHighLevel
  • You’ll now be in the ‘Sites’ section of GHL, where you can access the Websites section from the top menu:

1.2 Click on the ‘Websites’ menu link.

• Inside the ‘Website’ section, select the specific website you want to edit;

2.1 Click the ‘Name of Website’ you wish to edit

• this will open the website pages available on the website;

2.2 Click the ‘Edit Page’ button to open the builder of the page.

• Now that you’re in the page builder, you can either add a new visual element or select an existing one.
• To add a new component: 

3.1 Drag and drop an “Image” element from the left sidebar’s element menu onto your page.

• To edit an existing component: 

3.2 Click directly on the Image on your page to select it.

• With your chosen picture or image selected, the right-hand properties panel will update with its specific settings.
• Look to the right-hand properties panel.
  • Under the “Properties” tab, scroll down until you clearly see the “Height” and “Width” settings.
• For effortless, automatic sizing, locate the “Height” or “Width” input field.

4.1 Click on the arrow to see a clear “Auto” label within the input or a dedicated toggle to select “Auto”

• Clicking this “Auto” toggle or ensuring “Auto” is selected will allow the element to size itself dynamically based on its content and container, requiring no manual input from you.
  • When you switch from “Auto” to a fixed unit (like “px” for pixels or “%” for percentage), the input field will automatically populate with “100” as a smart default. This prevents empty fields and provides a good starting point.
  • Enter your desired numerical value into the field. Note that empty values are no longer allowed, ensuring your layouts remain consistent and unbroken.

• Always save your work and preview your page to ensure everything looks perfect on all devices.
  • After adjusting your image sizes,

5.1 Click the “Save” button at the top right of the builder.

• Always use the “Preview” button (usually found near the “Save” button) to see how your changes look on different screen sizes and devices to ensure a polished, professional appearance.

So, how do these new image sizing controls actually help you in your everyday work? Lots of ways!

• Make Your Big Pictures Look Perfect: Imagine your main picture (we call it a “hero section”) looking exactly right from edge to edge on any phone, tablet, or big computer screen. These new controls make it super easy to get that perfect fit every time.
• Keep All Your Photos Neat and Tidy: If you show off many pictures, like products you sell or photos of your amazing work, you want them all to look the same size and super neat. These image sizing controls help you keep all your photos looking professional and organized, effortlessly.
• Pictures Look Awesome on Phones (Automatically!): Ever worry about how your website looks on a tiny phone screen? Don’t! The clever “Auto” setting for your image sizing controls magically makes your pictures fit perfectly on smaller screens, so you don’t have to do extra work.

GoHighLevel’s new image sizing controls are a huge step forward! They give you super easy control and confidence over all your pictures. You get perfect pictures, easy fixes, and consistent, professional looks that will make your websites and funnels stand out. No more guessing, just awesome, perfect-looking designs.

So, stop fighting with your pictures! Go into your GoHighLevel account right now and see how these new image sizing controls change everything for your business.

What’s the first GoHighLevel page or funnel you’re going to make look amazing with these new image sizing controls? Share your plans below!