--- title: "Marketing: Style Images And Responsive Settings In Elementor" description: marketing --- [Skip to content](https://support.clubcaddie.com/marketing-style-images-and-responsive-settings-in-elementor#main-content) English Show submenu for translations [![CC fiserv. (3)](https://support.clubcaddie.com/hs-fs/hubfs/CC%20%20fiserv.%20(3).png?width=200&height=89&name=CC%20%20fiserv.%20(3).png)](https://www.clubcaddie.com?hsLang=en) - [Club Caddie University](https://clubcaddie-university.com/) - [Webinar Training](https://info.clubcaddie.com/webinarseries?_gl=1*1b7azj6*_gcl_au*NTg3NjE2MDE0LjE3NTczNTEwMDE.*_ga*MTMwODY5ODg2NS4xNzU3MzUxMDAx*_ga_5DSQKC2H56*czE3NTgzMDAwNDAkbzE4JGcwJHQxNzU4MzAwMDQwJGo2MCRsMCRoMA..) - [Knowledge Base](https://support.clubcaddie.com/) - [Changelog](https://clubcaddie.com/changelog/) Open main navigation Close main navigation - [Club Caddie University](https://clubcaddie-university.com/) - [Webinar Training](https://info.clubcaddie.com/webinarseries?_gl=1*1b7azj6*_gcl_au*NTg3NjE2MDE0LjE3NTczNTEwMDE.*_ga*MTMwODY5ODg2NS4xNzU3MzUxMDAx*_ga_5DSQKC2H56*czE3NTgzMDAwNDAkbzE4JGcwJHQxNzU4MzAwMDQwJGo2MCRsMCRoMA..) - [Knowledge Base](https://support.clubcaddie.com/) - [Changelog](https://clubcaddie.com/changelog/) - English Show submenu for translations Need help fast? Enter your question and get step-by-step tips. - There are no suggestions because the search field is empty. 1. [Club Caddie](https://support.clubcaddie.com/?hsLang=en) 2. [Club Caddie Managed Marketing](https://support.clubcaddie.com/club-caddie-managed-marketing?hsLang=en) December 11, 2025 # Marketing: Style Images And Responsive Settings In Elementor ## Article Contents: This Article Contains Step-By-Step Instructions On How To Style Images (Size, Border, Shadow, Hover Effects) And Adjust How They Appear On Desktop, Tablet, And Mobile Using Elementor. **Step-by-Step:** **Step 1:** **Select the image widget to style:** In the Elementor editor, scroll to the image you want to adjust and click on it. The left sidebar will show the Image widget settings. ![](https://support.clubcaddie.com/hs-fs/hubfs/image-png-Dec-05-2025-07-55-32-0895-PM.png?width=670&height=310&name=image-png-Dec-05-2025-07-55-32-0895-PM.png) **Step 2:** **Set image size and alignment:** In the Content tab, use the Image Size dropdown to choose a preset size such as Medium, Large, or Full, or select Custom to enter an exact width and height in pixels. Use the Alignment options (Left, Center, or Right) to position the image within its column. ![](https://support.clubcaddie.com/hs-fs/hubfs/image-png-Dec-05-2025-07-56-17-9821-PM.png?width=670&height=308&name=image-png-Dec-05-2025-07-56-17-9821-PM.png) **Step 3:** **Add borders and rounded corners:** Click the Style tab in the left panel, then look for the Border section. Choose a border type (such as Solid, Dotted, or Dashed), set the border width, and pick a border color. Use the Border Radius field (for example, 10px) to round the image corners for a softer look. ![](https://support.clubcaddie.com/hs-fs/hubfs/image-png-Dec-05-2025-07-57-15-3170-PM.png?width=670&height=310&name=image-png-Dec-05-2025-07-57-15-3170-PM.png) **Step 4:** **Apply a box shadow:** In the Style tab, locate the Box Shadow controls. Turn them on and adjust the color, blur, spread, and position to add a subtle drop shadow that gives the image more depth on the page. ![](https://support.clubcaddie.com/hs-fs/hubfs/image-png-Dec-05-2025-07-58-02-8604-PM.png?width=670&height=310&name=image-png-Dec-05-2025-07-58-02-8604-PM.png) **Step 5:** **Configure hover effects (optional):** Still in the Style tab, switch to the Hover state (often labeled Hover or under Style \> Hover). Choose a Hover Animation such as Grow, Shrink, or Fade, and adjust Opacity or CSS Filters (like brightness or blur) to create a simple interactive effect when visitors move their mouse over the image. ![](https://support.clubcaddie.com/hs-fs/hubfs/image-png-Dec-05-2025-07-58-38-1642-PM.png?width=670&height=310&name=image-png-Dec-05-2025-07-58-38-1642-PM.png) **Step 6:** **Enter responsive mode:** At the bottom left of the Elementor panel, click the Responsive Mode icon (screen and phone icon). Select Desktop, Tablet, or Mobile to preview how the image looks on each device type. ![](https://support.clubcaddie.com/hs-fs/hubfs/image-png-Dec-05-2025-07-59-24-1814-PM.png?width=670&height=310&name=image-png-Dec-05-2025-07-59-24-1814-PM.png) **Step 7:** **Adjust visibility and spacing on devices:** While in each device view, use the Style tab to tweak image size if needed. Then go to the Advanced tab. Under Responsive, choose whether to hide the image on specific devices (for example, hide on mobile if it is not needed). Under Margin and Padding, adjust spacing around the image so it does not appear cramped or too far from other content. ![](https://support.clubcaddie.com/hs-fs/hubfs/image-png-Dec-05-2025-08-02-56-1699-PM.png?width=670&height=310&name=image-png-Dec-05-2025-08-02-56-1699-PM.png) **Step 8:** **Save and preview across devices:** When you are satisfied with the styling and responsive settings, click the green Update button at the bottom left to save your changes. Click the eye (Preview) icon, then switch between Desktop, Tablet, and Mobile views in the preview to confirm the image looks good and functions correctly on all devices. ![](https://support.clubcaddie.com/hs-fs/hubfs/image-png-Dec-05-2025-08-03-24-0503-PM.png?width=670&height=310&name=image-png-Dec-05-2025-08-03-24-0503-PM.png)   - [Browser](https://support.clubcaddie.com/browser?hsLang=en#main-content) - [Tee Sheet](https://support.clubcaddie.com/browser?hsLang=en#tee-sheet) - [Register](https://support.clubcaddie.com/browser?hsLang=en#register) - [Hardware](https://support.clubcaddie.com/browser?hsLang=en#hardware) - [Vouchers](https://support.clubcaddie.com/browser?hsLang=en#vouchers) - [Settings](https://support.clubcaddie.com/browser?hsLang=en#settings) - [Sales](https://support.clubcaddie.com/browser?hsLang=en#sales) - [Members](https://support.clubcaddie.com/browser?hsLang=en#members) - [Events](https://support.clubcaddie.com/browser?hsLang=en#events) - [Troubleshooting](https://support.clubcaddie.com/troubleshooting?hsLang=en) - [Desktop: Settings](https://support.clubcaddie.com/desktop-settings?hsLang=en#main-content) - [Venue Center](https://support.clubcaddie.com/desktop-settings?hsLang=en#venue-center) - [Inventory Center](https://support.clubcaddie.com/desktop-settings?hsLang=en#inventory-center) - [Manage Roles](https://support.clubcaddie.com/desktop-settings?hsLang=en#manage-roles) - [Rack Rate Management](https://support.clubcaddie.com/desktop-settings?hsLang=en#rack-rate-management) - [Membership Settings](https://support.clubcaddie.com/desktop-settings?hsLang=en#membership-settings) - [Day End Closing](https://support.clubcaddie.com/desktop-settings?hsLang=en#day-end-closing) - [Course User Info](https://support.clubcaddie.com/desktop-settings?hsLang=en#course-user-info) - [Clover](https://support.clubcaddie.com/desktop-settings?hsLang=en#clover) - [Class Management](https://support.clubcaddie.com/desktop-settings?hsLang=en#class-management) - [POSLink](https://support.clubcaddie.com/desktop-settings?hsLang=en#poslink) - [Mobile App Builder](https://support.clubcaddie.com/desktop-settings?hsLang=en#mobile-app-builder) - [Class Rate Management](https://support.clubcaddie.com/desktop-settings?hsLang=en#class-rate-management) - [3P Integrations](https://support.clubcaddie.com/desktop-settings?hsLang=en#3p-integrations) - [Punch Card Type Center](https://support.clubcaddie.com/desktop-settings?hsLang=en#punch-card-type-center) - [Tee Sheet Settings](https://support.clubcaddie.com/desktop-settings?hsLang=en#tee-sheet-settings) - [Card Connect](https://support.clubcaddie.com/desktop-settings?hsLang=en#card-connect) - [Floor Plan](https://support.clubcaddie.com/desktop-settings?hsLang=en#floor-plan) - [General Course Info](https://support.clubcaddie.com/desktop-settings?hsLang=en#general-course-info) - [Tax Management](https://support.clubcaddie.com/desktop-settings?hsLang=en#tax-management) - [Terminal Management](https://support.clubcaddie.com/desktop-settings?hsLang=en#terminal-management) - [Register Settings](https://support.clubcaddie.com/desktop-settings?hsLang=en#register-settings) - [Payroll Center](https://support.clubcaddie.com/desktop-settings?hsLang=en#payroll-center) - [I-Frames](https://support.clubcaddie.com/desktop-settings?hsLang=en#i-frames) - [Event Settings](https://support.clubcaddie.com/desktop-settings?hsLang=en#event-settings) - [General](https://support.clubcaddie.com/general?hsLang=en) - [Reports](https://support.clubcaddie.com/reports?hsLang=en) - [Support](https://support.clubcaddie.com/support?hsLang=en#main-content) - [Chat AI](https://support.clubcaddie.com/support?hsLang=en#chat-ai) - [Register](https://support.clubcaddie.com/register?hsLang=en#main-content) - [Holding Accounts](https://support.clubcaddie.com/register?hsLang=en#holding-accounts) - [Tools](https://support.clubcaddie.com/register?hsLang=en#tools) - [Payments](https://support.clubcaddie.com/register?hsLang=en#payments) - [Tab Management](https://support.clubcaddie.com/register?hsLang=en#tab-management) - [Tee Sheet](https://support.clubcaddie.com/tee-sheet?hsLang=en#main-content) - [Tee Sheet Settings](https://support.clubcaddie.com/tee-sheet?hsLang=en#tee-sheet-settings) - [Starter Sheet](https://support.clubcaddie.com/starter-sheet?hsLang=en) - [Activities](https://support.clubcaddie.com/activities?hsLang=en#main-content) - [Activity Center](https://support.clubcaddie.com/activities?hsLang=en#activity-center) - [Events](https://support.clubcaddie.com/events?hsLang=en#main-content) - [General](https://support.clubcaddie.com/events?hsLang=en#general) - [Activity Outing Manager](https://support.clubcaddie.com/events?hsLang=en#activity-outing-manager) - [Golf League Manager](https://support.clubcaddie.com/events?hsLang=en#golf-league-manager) - [Online Events](https://support.clubcaddie.com/events?hsLang=en#online-events) - [Banquet Manager](https://support.clubcaddie.com/events?hsLang=en#banquet-manager) - [Golf Outing Manager](https://support.clubcaddie.com/events?hsLang=en#golf-outing-manager) - [On Demand](https://support.clubcaddie.com/on-demand?hsLang=en) - [Customers](https://support.clubcaddie.com/customers?hsLang=en#main-content) - [Message Center](https://support.clubcaddie.com/customers?hsLang=en#message-center) - [CRM](https://support.clubcaddie.com/customers?hsLang=en#crm) - [Bulletin Board](https://support.clubcaddie.com/customers?hsLang=en#bulletin-board) - [Members](https://support.clubcaddie.com/members?hsLang=en#main-content) - [Membership Portal](https://support.clubcaddie.com/members?hsLang=en#membership-portal) - [Vouchers](https://support.clubcaddie.com/vouchers?hsLang=en#main-content) - [Credit Books](https://support.clubcaddie.com/vouchers?hsLang=en#credit-books) - [Punch Cards](https://support.clubcaddie.com/vouchers?hsLang=en#punch-cards) - [Holding Account](https://support.clubcaddie.com/vouchers?hsLang=en#holding-account) - [Sales](https://support.clubcaddie.com/sales?hsLang=en) - [Quickbooks](https://support.clubcaddie.com/quickbooks?hsLang=en#main-content) - [Quickbooks Desktop](https://support.clubcaddie.com/quickbooks?hsLang=en#quickbooks-desktop) - [Quickbooks Online](https://support.clubcaddie.com/quickbooks?hsLang=en#quickbooks-online) - [General](https://support.clubcaddie.com/quickbooks?hsLang=en#general) - [Hardware](https://support.clubcaddie.com/hardware?hsLang=en#main-content) - [First American / First Pay](https://support.clubcaddie.com/hardware?hsLang=en#first-american-first-pay) - [Card Connect](https://support.clubcaddie.com/hardware?hsLang=en#card-connect) - [Sound Payments / POSLink](https://support.clubcaddie.com/hardware?hsLang=en#sound-payments-poslink) - [Printer](https://support.clubcaddie.com/hardware?hsLang=en#printer) - [Clover Connect](https://support.clubcaddie.com/hardware?hsLang=en#clover-connect) - [Clover Go](https://support.clubcaddie.com/hardware?hsLang=en#clover-go) - [Food and Beverage App](https://support.clubcaddie.com/food-and-beverage-app?hsLang=en#main-content) - [Key Features and Procedures](https://support.clubcaddie.com/food-and-beverage-app?hsLang=en#key-features-and-procedures) - [Mobile App](https://support.clubcaddie.com/mobile-app?hsLang=en) - [Email Marketing](https://support.clubcaddie.com/email-marketing?hsLang=en) - [KDS (Kitchen Display System)](https://support.clubcaddie.com/kds-kitchen-display-system?hsLang=en) - [Video Training](https://support.clubcaddie.com/video-training?hsLang=en#main-content) - [Membership & Passes](https://support.clubcaddie.com/video-training?hsLang=en#membership-passes) - [Class Management](https://support.clubcaddie.com/video-training?hsLang=en#class-management) - [I-Frames](https://support.clubcaddie.com/video-training?hsLang=en#i-frames) - [Accounting](https://support.clubcaddie.com/video-training?hsLang=en#accounting) - [Club Caddie Managed Marketing](https://support.clubcaddie.com/club-caddie-managed-marketing?hsLang=en#main-content) - [SMS](https://support.clubcaddie.com/club-caddie-managed-marketing?hsLang=en#sms) - [Email Marketing](https://support.clubcaddie.com/club-caddie-managed-marketing?hsLang=en#email-marketing) - [Uncategorized](https://support.clubcaddie.com/uncategorized?hsLang=en) - [MCO](https://support.clubcaddie.com/mco?hsLang=en#main-content) - [Inventory](https://support.clubcaddie.com/mco?hsLang=en#inventory) [![club\_caddie\_logo\_tech\_grid\_website](https://support.clubcaddie.com/hs-fs/hubfs/club_caddie_logo_tech_grid_website.jpg?width=200&height=103&name=club_caddie_logo_tech_grid_website.jpg "club_caddie_logo_tech_grid_website")](https://www.clubcaddie.com?hsLang=en) Award Winning, All-In-One, Golf Facility Management Software.   [mailto:email@email.com](mailto:email@email.com) Copyright © 2025, Club Caddie