Do not show footer in Divi theme

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;

Increase the size of the image in the Div testimonial

To increase the size of the image in the Divi WordPress theme testimonial. Add the following code to the Custom CSS field in ePanel.

body .et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner {
width: 100% !important;

.et_pb_testimonial_portrait {
float: left;
height: 180px !important;
width: 180px !important;

How to change Divi footer credit text without update overwrite

If you run the Divi theme then you likely have edited the footer credit text via footer.php. The problem then is when the theme is updated, the footer.php file over-written and you have to re-edit the footer credit text.

1. Go to Divi Theme Options
2. In the box "Add code to the < body > (good for tracking codes such as google analytics)"
3. Add the following code (edit the red to suit)

*UPDATE: there is now a better way to do this with the latest version of DIVI, please see the end of this post for instructions. 

UPDATE: thanks to Lorenzo Novaro for providing a better version of this code that will keep your styling in tact:

Please use this code:

<script type="text/javascript">
jQuery("#footer-info").replaceWith('<p id="footer-info">Copyright 2018. Designed by <a href="" target="_blank">cssDorks</a></p>');

This is the original code snippet. 

/*change footer*/
<script type="text/javascript">
jQuery("#footer-info").text(' ');
jQuery('<p>Copyright 2016. Designed by <a href="" target="_blank">cssDorks</a></p>').insertAfter("#footer-info");


Editing this in Theme Customizer is now the best way with the latest version of DIVI. This is pictured below.


Right align Foxy menu with custom tagline

If you are use the Elegant Themes Foxy template and wish to have custom slogan on the right you can by adding this below.You will need to edit header.php of your theme files below:

Find this:

<p id="slogan"><?php bloginfo( 'description' ); ?></p>

And replace with:

<p id="slogan"><?php bloginfo( 'description' ); ?><br>
<span>Your custom slogan</span></p>

To make the menu and tagline, you may need to toggle the below values that should be added to custom css in theme menu.

#slogan {
padding-top: -2px;
position: relative;
left: 60px;
top: -80px;

#top-navigation {margin-top:-65px !important; margin-left:60px !important;}