Css en botones

Hola tengo dos botones CTA creado con divi, y resulta que salen mal centrados, alguien me puede decir que debo corregir en el css de los botones CTA para que se acomoden al linea de los botones actuales?


/* CTA Únete a nosotros */

.cta-unete {border-radius: 0px;}
.cta-unete a {color: #fff!important;}
li.cta-unete {
background-color:#f9ac19;
font-weight: 700;
text-transform: uppercase;
text-align: center;
padding: 12px 15px 10px 10px!important;
border-radius: 50px;
-moz-transition: all 0.0s;
-webkit-transition: all 0.0s;
transition: all 0.0s;}
li.cta-unete:hover {background-color:#f9ac19;}


.et-fixed-header #top-menu .cta-unete a {
color: #fff!important;}
.cta-unete li.current-menu-ancestor > a, .cta-unete li.current-menu-item > a {
color: #fff !important;}



@Media only screen and (min-width : 981px) {
li.cta-unete {height: 33px;}}

Así te valdría?

misterlopez dijo:

Así te valdría?

Ver el archivo adjunto 473740

Hacer clic para expandir...

Si eso necesito.

Intenta dándole un padding: 1px 0;

pero

Shaw23 dijo:

Intenta dándole un padding: 1px 0;
Ver el archivo adjunto 473742

Hacer clic para expandir...

pero fijate que contacto el texto queda desalineado...

bewstars dijo:

Hola tengo dos botones CTA creado con divi, y resulta que salen mal centrados, alguien me puede decir que debo corregir en el css de los botones CTA para que se acomoden al linea de los botones actuales?

Beex - Logistica 4.0 | Carga tus envios, Beex se encarga del resto

www.beex.openyourmindradio.com

/* CTA Únete a nosotros */

.cta-unete {border-radius: 0px;}
.cta-unete a {color: #fff!important;}
li.cta-unete {
background-color:#f9ac19;
font-weight: 700;
text-transform: uppercase;
text-align: center;
padding: 12px 15px 10px 10px!important;
border-radius: 50px;
-moz-transition: all 0.0s;
-webkit-transition: all 0.0s;
transition: all 0.0s;}
li.cta-unete:hover {background-color:#f9ac19;}


.et-fixed-header #top-menu .cta-unete a {
color: #fff!important;}
.cta-unete li.current-menu-ancestor > a, .cta-unete li.current-menu-item > a {
color: #fff !important;}



@Media only screen and (min-width : 981px) {
li.cta-unete {height: 33px;}}

Hacer clic para expandir...

dentro de ese codigo tengo que editarlo. Es un boton CTA de DIVI.

La línea 3 lo cambié a contents para que se pongan dentro del botón

.et_pb_fullwidth_menu--with-logo .et_pb_menu__menu>nav>ul>li>a, .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {

1. display: -webkit-box;
2. display: -ms-flexbox;
3. display: contents;
4. -webkit-box-align: center;
5. -ms-flex-align: center;
6. align-items: center;
7. padding: 31px 0;
8. white-space: nowrap;

Hacer clic para expandir...

Añadí padding-top: 11px para que quede a la misma altura

.et_pb_fullwidth_menu .et-menu>li, .et_pb_menu .et-menu>li {

1. padding-left: 11px;
2. padding-right: 11px;
3. padding-top: 11px;

Hacer clic para expandir...

La líenea 5 padding puse a todos 10px para que queden centrados dentro del botón

li.cta-unete {

1. background-color: #f9ac19;
2. font-weight: 700;
3. text-transform: uppercase;
4. text-align: center;
5. padding: 10px 10px 10px 10px!important;
6. border-radius: 50px;
7. -moz-transition: all 0.0s;
8. -webkit-transition: all 0.0s;
9. transition: all 0.0s;

Hacer clic para expandir...

Prueba esos cambios y me cuentas.

Haz copia de seguridad antes de tocar algo.

misterlopez dijo:

http://www.beex.openyourmindradio.com/wp-content/themes/Divi/style.css?ver=4.8.1

La línea 3 lo cambié a contents para que se pongan dentro del botón

http://www.beex.openyourmindradio.com/wp-content/themes/Divi/style.css?ver=4.8.1

Añadí padding-top: 11px para que quede a la misma altura

http://www.beex.openyourmindradio.com/wp-content/et-cache/17/et-core-unified-17-16152228449552.min.css

La líenea 5 padding puse a todos 10px para que queden centrados dentro del botón


Prueba esos cambios y me cuentas.

Haz copia de seguridad antes de tocar algo.

Hacer clic para expandir...

en cual de todas las extencciones??

bewstars dijo:

en cual de todas las extencciones??

Hacer clic para expandir...

Si te fijas en mi anterior mensaje, te puse la URL de los archivos los cuales tienes que editar. Te recomiendo hacer u ctrl + f (buscar) y escribes las palabras.

Estos archivos yo he llegado a ellos haciendo un "clic derecho" e "inspeccionar" en el elemento que querías modificar.

Por otro lado, si estás usando algún plugin que unifique los archivos css, puede que las rutas no sean las correctas. Lo digo porque esa tercera URL están las rutas "cache" y "inified".

misterlopez dijo:

Si te fijas en mi anterior mensaje, te puse la URL de los archivos los cuales tienes que editar. Te recomiendo hacer u ctrl + f (buscar) y escribes las palabras.

Estos archivos yo he llegado a ellos haciendo un "clic derecho" e "inspeccionar" en el elemento que querías modificar.

Por otro lado, si estás usando algún plugin que unifique los archivos css, puede que las rutas no sean las correctas. Lo digo porque esa tercera URL están las rutas "cache" y "inified".

Hacer clic para expandir...

el css que pegue esta agregado en css personalizado, pero por lo visto quizas este en otras rutas.