Add word 'menu' next to hamburger on desktop

To add the word "menu" to the hamburger icon on desktop only. Add this code in custom css field of theme option:

li#menu-item-30338 a:before {
content: "Menu" !important;
position: relative !important;
bottom: -18px;
right: 95% !important;
}

Read More

Remove sidebars on DIVI blog

To remove the sidebar area from all blog post, add this css code to Divi - Theme Options - General Panel - Custom Css

 

.single #left-area {
width: 100% !important;
padding-right: 0;
}
.single #main-content .container:before {
background: none;
}

 

To also include category and archive pages, add this code also:

 

.category #left-area {
width: 100% !important;
padding-right: 0;
}
.category #main-content .container:before {
background: none;
}
.archive #left-area {
width: 100% !important;
padding-right: 0;
}
.archive #main-content .container:before {
background: none;
}

Read More

Nav menu a different colour on different pages with DIVI

Add this css code to Divi->Theme Options->General Panel->Custom Css and change the red marked value:

.page-id-333 #top-menu li a { color: #66ff00; }

Read More

Remove widget area on one page only with DIVI

Want to remove the widget area on one page only? First you need to find the page ID number then add the following CSS code, editing the page ID.

.page-id-244 #main-footer>.container{
display:none;
}

Read More

Move logo up on Elegant Themes Origin theme

By default the Origin theme has logo top padding of 64px. To move it up I have adjusted this to 10px.

To move the logo up on Origin, simply add this code to custom CSS box:

#info-area { float: left; position: relative; padding-top: 10px!important; }

Read More

How to change nav menu background color on Origin theme

This below code will change the left nav menu to white:

#info-bg, #main-wrap:before { background: #fff!important; }

Read More

Disable the Register button on Vanilla Forums

Just add the below code to your current themes custom.css file:


a.Button.RegisterLink, a.Button.ApplyButton {
visibility:hidden;
display:none;
}

Read More