The Yola Custom Panel Widget is an incredibly powerful tool. With this flexible widget alone, you’re able to build anything from a custom footer, an image with text overlay, or even a bar to span the width of your page.
Bar built with Custom Panel Widget
But in order to use the Custom Panel effectively, you need to know the secrets behind spacing. Look no further. By the end of this post, you’ll be a Custom Panel pro.
Margin
Margin in web design is the amount of space that separates the widget you’re editing from any other widget on the page. For example, in the screenshot below, we’ve added 5 rem units (a unit of measurement used in responsive web design) to the top and bottom of the widget:
And in turn, we have 5 rem units of space between the Custom Panel and the other elements on the page:
Pro tip: If you want your Custom Panel to run the entire width of your page, your body padding in Style Designer must be 0 rem units on the right and left.
Padding
While margin refers to the space around the widget, padding refers to the space within the the widget. For example, below you will see we’ve added 9 rem units to the top of our Custom Panel, 5 to the right, 5 to the bottom, and 5 to the left.
This keeps our text from touching the borders of our panel.
Pro tip: The extra spacing within the Custom Panel above aligning the text to the left-hand side was created by adding a Column Divider Widget within the Custom Panel:
Content Width
Last but not least, content width. Content width allows you to decide how much of your Custom Panel you’d like your content to use.
For example, here is a website where content width is set to 100%, and the text spans the entire screen:
And here is the same site with the content width set to 1200 px units and the text is limited to a contained area:
Pro tip: It’s always a good idea to add at least 1 rem unit of padding to the right and left of your Custom Panel when using content width. This allows for space to be added when viewing your site on a mobile device.
Padding on left, no padding on right
As you can see, the design possibilities with the Custom Panel Widget are endless. What have you done with the Custom Panel on your site? Let us know in the comments below!
Useful Post for All. Check my website as well, http://www.dubaiglass.net/
Thank you for taking the time to contact us with your support request. We love to hear from our Yola customers!
This email serves to confirm that we have received your request and one of the Customer Support Specialists from our knowledgeable and friendly support team will be in contact with you shortly.
We don’t want to leave you hanging, so while you are waiting for us to get back to you, we encourage you to take a look at our self service options on our [Get Help](http://www.yola.com/support) page. The right answer might be right at your finger tips! Simply type your question into the search box, or browse our helpful [tutorials](http://www.yola.com/tutorials) with step-by-step instructions on topics such as:
* [Basics: Getting Started](http://www.yola.com/tutorials/category/Basics_getting_started) * [Publishing and Domains](http://www.yola.com/tutorials/category/Publishing_domains_and_email) * [Frequently Asked Questions](http://www.yola.com/tutorials/category/FAQs)
…and much more!
You can also contact us on [Twitter](http://twitter.com/yola) or [Facebook](http://www.facebook.com/Yola).
There is no need to reply to this email. Someone from our Support and Service team will reply directly on your original email. Once again, thank you so much for contacting us. We look forward to being of service to you shortly!
Kind regards,
The Yola Customer Support Team
Hi There,
Thank you for your message. If you have a question for us , we will be happy to answer this for you.
What is the matter with my Panel Widget?
Hi Jane, please email us to support@yola.com from your Yola account login email address, so we can assist further. Thank you!
this post is really like able for me, thanks for bringing it in front of us. for more details visit our web site
https://projectsdeal.co.uk/coursework-writing-service.aspx
Thank you for taking the time to contact us with your support request. We love to hear from our Yola customers!
This email serves to confirm that we have received your request and one of the Customer Support Specialists from our knowledgeable and friendly support team will be in contact with you shortly.
We don’t want to leave you hanging, so while you are waiting for us to get back to you, we encourage you to take a look at our self service options on our [Get Help](http://www.yola.com/support) page. The right answer might be right at your finger tips! Simply type your question into the search box, or browse our helpful [tutorials](http://www.yola.com/tutorials) with step-by-step instructions on topics such as:
* [Basics: Getting Started](http://www.yola.com/tutorials/category/Basics_getting_started) * [Publishing and Domains](http://www.yola.com/tutorials/category/Publishing_domains_and_email) * [Frequently Asked Questions](http://www.yola.com/tutorials/category/FAQs)
…and much more!
You can also contact us on [Twitter](http://twitter.com/yola) or [Facebook](http://www.facebook.com/Yola).
There is no need to reply to this email. Someone from our Support and Service team will reply directly on your original email. Once again, thank you so much for contacting us. We look forward to being of service to you shortly!
Kind regards,
The Yola Customer Support Team
We appreciate the feedback! have fun with the Panel Widgets and let us know if you need any help at support@yola.com
I have made 104000 bucks in last twelve months by freelancing from my house and I did it by working part-time for several hours /day. I used a money making opportunity I found online and I am so thrilled that I was able to earn so much money. It’s user-friendly and I am just so blessed that i learned about it. This is what i did…TWITTER.COM/StinnettMargar1/status/835739136078163968