At the default “Home” button, select the Custom page where you wish to change the sidebar.In order to have a customized sidebar, at the Grey Box on your right, view the dropdown box until you find the “*Widgets” function.
How to create a custom page/template using Thesis have been covered in a previous article.
After you have created your custom template, to back to the Thesis Editor Canvas.
The custom class selector enables you to style all HTML elements with the same CSS code for that specific page or post only.
.portfolio-container div#fscf_submit_div1 input#fscf_submit1:hover input#fscf_submit1 input#fscf_captcha_code1 div#fscf_div_field1_3 div#fscf_div_field1_0 div#fscf_div_field1_1 div#fscf_div_field1_2 div#fscf_required1 input#fscf_email1 input#fscf_field1_2 textarea#fscf_field1_3 input#fscf_name1 .web_portfolio li a .portfolio_grid li .technology .web_portfolio ul.filter p#comment_form_submit .input_submit p#comment_form_submit .input_submit:hover input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required input.wpcf7-form-control.wpcf7-text textarea.wpcf7-form-control.wpcf7-textarea .wpcf7-form-control.wpcf7-submit .wpcf7-form-control.wpcf7-submit:hover h1 .portfolio h1 .copyright .testimonial } .query_box.section-inside .query_box.section-inside h1 .signup .section-interior p .highlight span.highlight .section.highlight.signup .signup .section-interior a.button a.button.green:hover .signup .section-interior p /* services */ .skinsc .servicesc .collaborators .slide-content p a
You can change colors, add and remove borders, change sidebar layouts, and more.
Before you ever get your hands dirty with any CSS/HTML/PHP code, check this video for help with basic customizations using Thesis options.Drag the default “Sidebar Widgets” to the GREY box by using “Shift” drag using your mouse.Don’t drag to the pink box as it will cause a permanent delete of your sidebar.Widgets: You would see the custom sidebar widget that you have created shown the the red box below: You can then add additional elements like Search, Recent Posts, Archives, text box, Custom HTML, etc from the “Available Widgets” section.It is just like how you have updated your default “Sidebar widgets” (the blue box) when you first set up your site.To help give you a clear idea of what HTML and CSS are we’ve broken it down.In a nutshell HTML is “what you see”, and CSS is “how you see it.” You can use the standard Thesis design options to create a professional looking blog in perhaps 15 minutes if you’ve got the design sense to do so.However, to make your design really stand out, you’ll need to go above and beyond the scope of the default Thesis controls and dive into some of this Luckily, Thesis makes it easy (notice a developing trend? Thesis comes with a built in editor for your file and your custom_file.You can access this via the Thesis Options tab in your Word Press admin.Example this page you are viewing have the custom sidebar which display the articles that I have written related to Thesis theme.If you click on other sections such as blogging, the sidebar has different content.