Crown Street, Wollongong, 2500

Widget Design

Melody Jaimon • Jan 06, 2023

Most widgets in the editor include design options that allow you to tailor the widget's appearance to your website. These options can assist you in creating a widget that perfectly matches the style of your site or one that stands out and attracts the attention of visitors. Not every widget has the same set of options. Some widgets, for example, do not allow you to change the inner spacing, while others do not allow you to change the outer spacing.


To access the Design Editor of a widget on your site, right-click on it to open the context menu, then select Edit Design. You can also access the Design Editor by selecting the widget and then selecting Design from the widget window's top menu.


See Add Widgets for instructions on how to do so. Or Edit Widgets for more information on editing widgets.

Layout

Layout options are typically limited to specific widgets. To choose from the layout options available for that widget, open the Select Layout menu by clicking the layout that appears in the Design Editor (or the small arrow beside it). To change the selected layout, click the layout you want to use instead, and the widget will be updated.

Style

  • Colour. To open the colour picker and change the colour, click the round colour icon to the right of the section name.
  • Border Style. Using the slider or text box, adjust the width of the border.
  • Background Style. Use the Choose and Place Images dialogue or a video URL to add a background image or video to this widget.
  • Width and Height. To change the number of pixels, use the slider or text box.
  • Rounded Corners. Increase or decrease the radius of a widget's corners.
  • Shadows. Toggle the shadow for this widget on or off

Spacing

Change the inner spacing (the space between the widget edges) and the outer spacing (spacing outside the widget edges). Each number in the outer box specifies the outer spacing for its own side (top, bottom, left, or right), and each number in the inner box specifies the inner spacing for its own side (top, bottom, left, or right) (top, bottom, left, or right).

See How Our Agency Can Drive Massive Amounts of Traffic to Your Website

Website Design designed for your audience and to be found on Google Searches
SEO - unlock relevant and increased SEO traffic. 

Paid Media - effective paid strategies with a clear ROI.

Get Started

Love My Online Marketing has 10+ Years of working alongside businesses and helping them grow. Discuss your options for online success from website Design and Development through to Google Marketing. Book a Free 20min Discovery Call.

Book A Discovery Call

Do you want more traffic and business leads?

Love My Online Marketing is determined to make a business grow. Our only question is, will it be yours?

Let's Chat
Blue Facebook logo
By Melody Jaimon 07 May, 2024
This article will provide you with clear instructions on how to give access to a Facebook page without sharing your password by adding an admin.
Google My Business zoomed in by magnifying glass
By Melody Jaimon 28 Mar, 2024
Learn how to add a digital marketing agency to Google My Business in this quick step-by-step guide with photos.
logo of Meta and a person looking at the phone
By Melody Jaimon 27 Mar, 2024
Discover the secrets of adding a digital marketing agency to Facebook Ads Manager with this comprehensive step-by-step guide, featuring helpful photos to guide you along the way. Say goodbye to confusion and hello to success with this must-read tutorial.
smartphone apps with notifications
By Melody Jaimon 18 Mar, 2024
Find out the best times to post on popular social media channels so that you can reach more of your audience. Among those covered are Facebook and Instagram.
A person is holding a cell phone in their hand showing the Facebook Messenger and Instagram icons
By Melody Jaimon 13 Feb, 2024
This article explains why and how to set up auto-replies on Facebook Messenger and Instagram.
man typing on a keyboard
By Melody Jaimon 08 Feb, 2024
Animation not only adds visual appeal but it also enhances user experience and engagement. Read this blog to find out how animation contributes to the success of a web design.
woman typing on a keyboard
By Melody Jaimon 06 Feb, 2024
Enhance your online presence effortlessly with a perfect mix of SEO and web design techniques. Read here to explore practical tips to boost visibility and climb the search engine rankings.
a man clicking on domain on an augmented reality UI
By Melody Jaimon 01 Feb, 2024
Have you been given access to your domain by your agency? Learn how to manage your domain access in this blog post.
man working on a laptop
By Melody Jaimon 15 Jan, 2024
Learn the latest Google Business Profile updates affecting website creation - essential insights for online business owners.
modern web designing
By Melody Jaimon 22 Dec, 2023
Microinteractions are subtle yet powerful in enhancing user experience. Learn their role in modern web design to elevate your online presence and boost customer engagement.
More Posts
Share by: