CSS

Source: https://divibooster.com/hide-the-divi-theme-header/

The Divi Theme comes features a prominent, responsive header bar. If you don’t want to show this bar on your site, you can completely hide it by adding CSS to Divi as follows:

#main-header { display:none; }
#page-container { 
	padding-top:0px !important; 
	margin-top:-1px !important}
#main-content .container {
    padding-top: 58px !important;
}

It hides the header, then moves the rest of the page up into the space the header occupied.

Source: http://www.cssdorks.com/2016/05/do-not-show-footer-in-divi-theme.html

To hide the whole footer in Divi, simply add this text to your custom CSS:

#main-footer { display: none; }

If you wish to just hide the footer on one page, you will need to add this code, changing the page ID number:

.page-id-38 #main-footer {
display: none;
}

Source: http://www.wpbeginner.com/beginners-guide/how-to-easily-indent-paragraphs-in-wordpress/

Using the indent text buttons in visual editor is the easiest way to indent paragraphs in WordPress. However, this does not allow you to control the amount of spacing you want to add.

More advanced users can switch to the text editor and manually add spacing. All you need to do is to wrap the text around paragraph tag <p> and </p> tags and then add inline CSS to the paragraph text like this:

<p style="padding-left:25px;">Your paragraph text goes here...</p>

This method allows you to control the spacing you want to use as indent. This method would work best if you don’t need to indent paragraphs that often. However, if you frequently indent paragraphs, then this is not an ideal solution.


To have only the first line of the paragraph indent, you need to add this CSS code in the box.

p.custom-indent {
text-indent:60px;
}

This CSS code simply tells browsers that if a paragraph has .custom-indent class, then add 60px as text-indent.

You can now edit a post in WordPress and switch to the text editor. Next, wrap your paragraph inside <p class=”custom-indent”> and </p> tags like this:

<p class="custom-indent">Your paragraph text goes here...</p>

Once done, you can Save preview your post, and you will see that only the first line of the paragraph has spacing before it.

This method will work neatly if you only want to indent few paragraphs. However, if you want to add this style to all paragraphs on your site, then you just need to change the custom CSS like this:

article p {
text-indent:60px;
}
This CSS rule will automatically indent the first line of all paragraphs inside a WordPress post or page.

Source: https://quiroz.co/turn-your-mobile-menu-hamburger-icon-into-a-menu-button-with-text/

If you want the menu button with text and the hamburger icon, add this CSS.

/*---------[GQ - MOBILE MENU BUTTON 1]------------*/
    .mobile_menu_bar:before {
            background-color: #3e4555;
            padding: 2px 0px 2px 2px;
            top: 9px;
            color: #fff!important;}
    .mobile_menu_bar::after {
            font-family: Arial;
            content: "MENU";
            position: relative;
            padding: 10px 20px 10px 5px;
            background-color: #3e4555;
            color: #FFFFFF!important;
        cursor: pointer;}
    .mobile_nav.opened .mobile_menu_bar:before {
        content: "\4d";}

If you want the menu button with text and no hamburger icon, add this CSS.

/*---------[GQ - MOBILE MENU BUTTON 2]------------*/
    .mobile_menu_bar:before {
            display:none}
    .mobile_menu_bar::after {
            font-family: Arial;
            content: "MENU";
            position: relative;
            padding: 10px 20px 10px 20px;
            background-color: #3e4555;
            color: #FFFFFF!important;
        cursor: pointer;}
    .mobile_nav.opened .mobile_menu_bar:after {
        content: "CLOSE";}
You can make the button larger and smaller by adjusting the padding. You can also change the text to whatever you want by changing the “content”.

Source: https://nerdnomads.com/divi-logo-size-customisation

After you upload your logo using the Divi Theme Customizer, add the below text to CSS.

#top-header {z-index: 99999;}
#logo { max-height: 220%; margin-top: -32px; z-index: 100000; } @media only screen and (max-width : 980px) { #logo { margin-top: 0px}}

 Source: https://digwp.com/2011/04/admin-bar-tricks/

<style type="text/css">
		body {
			margin-top: -28px;
			padding-bottom: 28px;
		}
		body.admin-bar #wphead {
			padding-top: 0;
		}
		body.admin-bar #footer {
			padding-bottom: 28px;
		}
		#wpadminbar {
			top: auto !important;
			bottom: 0;
		}
		#wpadminbar .quicklinks .menupop ul {
			bottom: 28px;
		}
	</style>

Source: https://premium.wpmudev.org/blog/wordpress-hide-page-title-or-post-title-on-a-case-by-case-basis/

Hide Title on Specific Page

.page-id-?? .entry-title {display: none;}

Hide Title on Whole Site

h1.entry-title {
display: none;
}
Skip to toolbar