41. Structure the WordPress Sidebar Widget Area | Thesis 2 Beginner Guide

41. Structure the WordPress Sidebar Widget Area | Thesis 2 Beginner Guide

Thesis Video Tutorials Guides For Beginners – thesisvideotutorials.com The WordPress Sidebar is where we can display small pieces of information that we would otherwise not add to our post content. Now that we have finished structuring our post content, the last area of our main content container to customize is the sidebar area. In this tutorial we are going to set up the structure of our WordPress sidebar and the next video will focus on customizing how the widgets look. In the Thesis CSS Editor, create a new widget package. Give the package a name and a reference and in the the CSS Selector add the .widget class. The first thing we want to do is make sure that we can control the amount of content that is added to the sidebar and that the content does not flow into other areas of our website. To do that, go to the Advanced CSS area and paste the following code .widget {overflow hidden; } In the font settings of the options area, choose ‘Calibri’ from the font dropdown, size the font to 14 pixels and add a line height of 20 pixels. Lastly, add 20 pixels to the bottom margin. Save the package, add the reference to the Skin CSS and save the CSS. Refresh your site to see the changes. In the next video we will add some generic widgets into the sidebar so that we can customize how the widgets are displayed. If you know how to add widgets already, go ahead and add the categories and blogroll widget. It does not mean you have to have those widgets active in the skin when you
Video Tutorial Rating: 0 / 5

Don’t forget to check out our other video tutorials or share this video with a friend.

1 Star2 Stars3 Stars4 Stars5 Stars 0 votes
Loading... 1,440 views

Leave a Reply

Your email address will not be published. Required fields are marked *