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;}

Read More

Reduce padding on Divi slider

.page-id-69 .et_pb_slide_description {
padding: 16% 18%;
}

Read More

Reduce height of fullwidth slider in Divi

The best way to reduce height of a full width slider in divi, is to add the following custom css to the Custom CSS field of epanel > general settings:

#testslide .et_pb_slide_description {
padding: 70px 0 !important;
}
#testslide .et_pb_slider, .home .et_pb_slides, .home .et_pb_slide {
height: 480px;
}  

The add the css id: testslide to your module as pictured below. 

]

Read More

CSS blue button with drop shadow

This juicy button can be used by adding the following custom CSS.


color: rgb(230, 230, 240);
font-size: 20px;
padding: 10px;
text-shadow: 0px -1px 1px rgba(30, 30, 30, 0.8);
-webkit-border-radius: 5.405421901393581px;
-moz-border-radius: 5.405421901393581px;
border-radius: 5.405421901393581px;
background: rgb(61, 84, 103);
background: -moz-linear-gradient(90deg, rgb(61, 84, 103) 23%, rgb(93, 153, 172) 70%);
background: -webkit-linear-gradient(90deg, rgb(61, 84, 103) 23%, rgb(93, 153, 172) 70%);
background: -o-linear-gradient(90deg, rgb(61, 84, 103) 23%, rgb(93, 153, 172) 70%);
background: -ms-linear-gradient(90deg, rgb(61, 84, 103) 23%, rgb(93, 153, 172) 70%);
background: linear-gradient(0deg, rgb(61, 84, 103) 23%, rgb(93, 153, 172) 70%);
-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.75);

Read More