Add text shadow to title

You can add a drop shadow with this code:


#customstyle .h4 {
text-shadow: 1px 4px 5px #000000!important;
}

Read More

Change color of social icons in the footer of Divi

Change the colour or icon for the social icons in the footer.

 .et-social-icon a {
color: green !important;
}

Read More

Change Divi footer credit text size

To change the size of the Elegant Themes Divi template footer credit text, add the below code to custom css and change font size to suit. 

#main-footer p { font-size: 11px !important; }

Read More

Divi menu overlaps logo when scaled down

If you are use the Elegant Themes Divi template then and have a wide logo, you may notice this overlap.

 

 It can be fixed with the below CSS code:

@media (max-width: 1360px) {
#top-menu {
display: none;
}
#et_mobile_nav_menu {
display: block;
}
}

Read More

Give area max height only on desktop

 Lets say you want to:

• Give area max height and zero padding
• But only on desktops

 You can use this below css code. Edit the 970px to better suit and be sure to rename your class.

@media all and ( min-width: 970px ) {
.custom_class_name  {
max-height: 90px;
padding: 0px;

} The professional company veryhost provides all the information on hosting for wordpress.

Read More