How to Easily Create a Divi Menu Button in Divi 4.0+

Welcome to DIVEMBER (Divi + November)! All month long we're going LIVE with free tutorials, free Divi products, new Divi product launches, new features for existing products, and more! Don't miss out on the DIVEMBER fun! Today we're LIVE with a new tutorial on how to transform any non-Divi button into a Divi button :)

[christelarcucci]

This video saved the day! My designer added Divi to my site so I cannot access Divi support to make the needed changes, grrr. THANK YOU!

[mikethemacguy]

Good stuff Tim, watching on the replay. Enjoying Divember!

[esalenchik]

Thanks Tim for all the great tutorials this month #DIVEMBER

[teresasmith]

I have been enjoying the Divember campaign! Although I must say I didn't understand this one. Lol!

[hidayatuxdotcom]

Well explained Tim keep doing like tutorials #DIVEMBER

[LawrenceBland]

Thanks for the info, I added a little that you ight want to add into your code because it was showing really big.
.divi-life-cta-menu a {
background-color: #004CD4;
height: 30px;
margin: auto;
padding: 25px 15px !important;
border-radius: 5px;
text-transform: uppercase;
color: #fff !important;
text-align: center;
}


Just had to adjust the margin, and height.

Great info! Going to add the animation now.

[nickjones]

Thanks for this. How can you target the text color of the button on a fixed navigation when it's the current page? When we scroll, the nav is fixed to the top and the text becomes the same color as the button background when it's the current page. Many thanks!

[mnmnisrat]

Can u plz make a video of header section like amazon, flipkart with divi

[kristygarzell]

Great tutorial. Just what I needed. However, it's causing a problem I don't know how to fix. When I apply my branding to the button it doesn't line up with the rest of my menu items. If I leave the code as is when I copy it, it's fine. Any ideas on how to fix it?

[sonamtshering]

Hello Tim. I am happy to apply this in my menu. However after I apply to a menu, that particular item does not stay align with other menu items. Any advice please..?

[adhame.b]

I like these simple things. They have a beautiful huge effect on the layout.
I am also attracted by the gradient backgrounds I see in DiviLife. Is there a simple way to choose colors and make beautiful section with readable text?

[caracces]

Can I use this CTA button in other places of the page?

[ericwilbers]

Hi Tim,

Thank you for your divember campaign. Already a all pass user for sometime.

Concerning this video. I would like to use this class for header buttons. I figured all the hover links.
Bit what code can use for a page which is active?

i tried a:active { background-color: yellow; color: gray !important; }

thanks for all your contribution

eric

[arisfirmansyah]

hello Mr. Strifler. I have used this code but my menu background button is still in white color, any suggestions? thanks

[kathryncainmadsen]

This does not seem to be working for me on EXTRA I have double-checked the details of the classes etc OK WEIRD, it only worked if I put the code in theme options, not the child css