Convert any link into a Divi button • WordPress Help

/ * CSS to create a very cute divi button * /

. button white {

font size : 20px ;

font weight : 500 ;

] moz border radius : 3px ;

webkit ] – border radius : 3px ;

border radius : 3px [19659003];

padding : 8px 20px ;

line height : 1.7em ; [19659002] background : transparent ;

border : 2px solid [19659003];

webkit font smoothing : antialiased ;

] moz osx font smoothing : grayscale ;

moz transition : all 0.2s ;

webkit ] – transition : all 0.2s ;

transition : all 0.2s ; [19659002] position : relative ; }

to . button white {

background color : transparent ;

border : 2px solid # 8e3737; / * change the border color here * /

color : # 8e3737! important; / * changes here the color of the text * /

font weight : bold ; }

to . button white : hover {

background : transparent ;

border : 2px solid # 8e3737; / * change here the color of the border when passing the cursor * /

padding : 8px 34px 8px 14px important ; }

to . button white : after {

font family : 'ETmodules' ;

font size ]: 32px ;

opacity : 0 ;

speak : none ;

font style : normal ;

font ] weig ht : normal ;

font variant : normal ]

text transform : none ;

line height : 1 ;

webkit font smoothing : [19659004] antialiased ;

moz osx font smoothing : grayscale ;

font size : 32px ;

line ] heig ht : 1em ;

content : " 35" ;

position : absolute ;

margin left : 1em ;

moz transition : all [19659000] 0.2s ;

webkit ] transition : all 0.2s ;

transition : all 0.2s ; }

to . button white : hover : after {

] [19659004] opacity : [19659308] 1 ;

display : block ! important ;

font family : 'ETmodules' ;

speak : none ;

style : normal ;

font weight : normal ;

font variant : normal ;

text transform : none ;

line height : [196590] 13] 1 ;

webkit font smoothing : antialiased ];

moz osx font smoothing : grayscale ;

right : 0px ;

top : 5px ;

margin left : 0 ; }

Leave a Reply

Your email address will not be published. Required fields are marked *