How to Change Background and Border in Thesis Theme

Normally thesis theme has no border and has background is in white color. Now you can change your site border and background as per your wish. By default the thesis theme has more options to change style of your webpage.

We know a theme has number of sections in its webpage display like header, navigation menu, content, sidebars, footer and etc. In order to get more visibility and attraction towards your site you need to customize your webpage each section with separate border. If you want you can change your section background.

In this tutorial I am going to give some code to segregate your webpage section. For this

1. Login your word press admin.
2. Goto ‘Thesis options’ in left sidebar of the dashboard.
3. Under thesis options we have three options select the third ‘custom file editor’ option.
4. Here we have options to edit three files cusom.css, layout.css and custom_function.php.
5. Choose ‘custom.css’ file and enter ‘edit selected file’.
6. Indside custom.css copy and paste the following code.

code for border change

/* border for whole site*/
body.custom {
    background: #44443f;
}
.custom #container {
    margin-top: 0.9em;
    margin-bottom: 0.9em;
    padding: 0.3em;
    background: #33332f;
    border:0.3em solid #3e3e3a;
}
.custom #page {
    background: #fff;
}

The above code you can change your site border width, color, margin and padding of the page container. If you want you can and footer and sidebar border by adding

.custom #footer and .custom#sidebar use similar coding and change your site as per your concern.

Finaly save the ‘custom.css’ file by clicking ‘Big ass save Button’.

Now check your site with better look.

Related Tutorials:

1. Create 3 column widgetized footer in thesis theme
2. How to Add Background Image for Sidebar Heading in Thesis Theme
3. How to Create Wigetized Footer in Thesis Theme?
4. How to add Page Navigation Menu without Using Open Hook Plugin in Thesis Theme
5. 11 Css Tricks for Thesis Theme Customization

Tagged as: background, border, color, style