Avisos
Vaciar todo

Ayudan ustedes con CSS  

 
Hugo
 Hugo
Usuario experto

Hola, yo venia trabajando anteriormente con alguien que me instalo y organizó la página, ahora decidí hacerlo todo yo mismo, esa persona creó un CSS adicional que puso en el template, leyéndolo veo que tiene Mail lo cual yo ya no utilizó eso, y también me gustaría saber que mas tiene ese código, ¿podrían ayudarme con esa parte? de saber entender que dice el código y que configuración tiene y poder depurarlo?

Contenido solo visible a usuarios registrados

Citar
Respondido : 28/06/2021 4:58 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Hugo,

Primero que nada podrías mostrarnos donde esta ubicado ese código? Acorde a lo que dices desconoces para que sirve o como funciona?

Quedamos atentos, Saludos

ResponderCitar
Respondido : 28/06/2021 5:05 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Hugo
 Hugo
Usuario experto

@bruno-vichetti

 

Hola, si totalmente desconozco el código y mi conocimiento no es bueno, te voy a pegar el codigo acá, pero el esta en personalizacion del template Zox New en la parte CSS Adicional.

Inclusive, yo tenia dos themes instalados, uno Child que era el activo y se supone que ese no se necesita, solo necesitaria el Zox News, pero cuando quite el Child y dejé el Zox News entonces ahi me produjo errores de idioma en la pagina, ya me puso en ingles los titulos y tambien me daño el tipo de letra por ejemplo en el post principal, y ya ahora quiero regresar e instalo el Child y aun sigue mal.

#thrive-comments .tcm-background-color-ac, #thrive-comments .tcm-background-color-ac-h:hover span, #thrive-comments .tcm-background-color-ac-active:active {
background-color: #000000;
}
.tcm-powered-by {
display: none !important;
}
#thrive-comments button:hover, #thrive-comments button:focus, #thrive-comments button:active {
background-color: #000;
}
#thrive-comments button.tcm-right {
background: #000;
}
#thrive-comments .tcm-svg-fill-ac {
fill: #ffffff;
}
#thrive-comments button, #thrive-comments #tcm-login-up, #thrive-comments #tcm-login-down {
color: #fff;

}
#thrive-comments .tcm-border-color-ac {
border-color: #000000;
}
.tcm-comment-author-name {
/* height: 37px; */
line-height: 22px;
}
section#polls-widget-2 > .mvp-widget-home-head {
display: none;
}
.mvp-widget-feat2-right-main.left.relative h2 {
font-size: 18px;
max-height: 85px;
overflow: hidden;
}
.mvp-widget-feat2-right-text.left.relative h2 {
max-height: 84px;
overflow: hidden;
font-size: 18px;
}
.wprc-form ul li {
margin-left: 0 !important;
}
.wprc-form ul {
padding-left: 0;
}
.wprc-container button.wprc-switch, .wprc-container button.wprc-switch:hover {
color: #fff !important;
}
.wprc-content button.wprc-submit, .wprc-content button.wprc-submit:hover {
color: #fff !important;
}
.wprc-container button.wprc-switch, .wprc-container button.wprc-switch:hover {
color: #fff !important;
}
.wprc-content button.wprc-submit, .wprc-content button.wprc-submit:hover {
color: #fff !important;
}
.textwidget.custom-html-widget div#polls-2 {
margin-left: 35px;
max-width: 320px;
}
form#polls_form_2 p:nth-of-type(3) {
float: left;
margin-bottom: 20px;
position: relative;
text-align: center;
width: 100%;
}
form#polls_form_2 p:nth-of-type(3):before {
content: '';
background: #555;
display: inline-block;
position: absolute;
left: 0;
bottom: 50%;
width: 100%;
height: 1px;
z-index: 0;
}
form#polls_form_2 p:nth-of-type(3) strong {
background: #fff500;
display: inline-block;
font-size: 1.1rem;
font-weight: 700;
line-height: 1;
padding: 5px 13px;
position: relative;
text-transform: uppercase;
transform: skewX(-15deg);
z-index: 1;
font-family: 'Source Sans Pro', sans-serif;
}
div#polls-2-ans p:nth-of-type(1) {
margin-top:15px;
max-width: 320px;
}
div#polls-2-ans p:nth-of-type(2) {
display: none;
}
section#polls-widget-2 > ul {
display: none;
}
.wp-polls .Buttons {
background-color: black!important;
color: white!important;
border: none;
padding: 10px 15px;
}
@media screen and (max-width: 620px){
.wprc-form .left-section {
width: 100%;
}
.wprc-form .right-section {
width: 100%;
padding-left: 0;
}
textwidget.custom-html-widget div#polls-2 {
margin-left: 0;
max-width: 100%;
}
#encuesta {
width: 100% !important;
margin-top: 50px;
display: flex;
justify-content: center;
}
.wpcp-carousel-wrapper.wpcp-wrapper-55992 {
width: 100% !important;
}
.wpcp-carousel-wrapper.wpcp-wrapper-55992 div {
width: 100%;
}
.textwidget.custom-html-widget div#polls-2 {
margin-left: 0;
}
.wpcp-carousel-wrapper.wpcp-wrapper-728 {
width: 100%;
}
div#dpb-hidden-movil {
width: 100%;
}
div#arslider {
width: 100%;
}
div#sp-wp-carousel-free-id-728 {
width: 100%;
}
.wpcp-carousel-section.wpcp-standard, .wpcp-carousel-section.wpcp-standard .slick-list {
width: 100%;
}
div#dpb-hidden-movil #polls-2 {
width: 100%;
}
div#dpb-hidden-movil #polls-2 #polls-2-ans {
width: 100%;
}
div#dpb-hidden-movil #polls-2 #polls-2-ans p:nth-of-type(1) {
width: 100%;
margin-top: 15px;
}
div#arslider h2 {
text-align: center;
padding-bottom: 10px;
}
}
@media(min-width: 600px) and (max-width: 767px){
textwidget.custom-html-widget div#polls-2 {
margin-left: 0;
max-width: 100%;
}
#encuesta {
width: 100% !important;
margin-top: 50px;
display: flex;
justify-content: center;
}
.wpcp-carousel-wrapper.wpcp-wrapper-55992 {
width: 100% !important;
}
.wpcp-carousel-wrapper.wpcp-wrapper-55992 div {
width: 100%;
}
.textwidget.custom-html-widget div#polls-2 {
margin-left: 0;
}
.wpcp-carousel-wrapper.wpcp-wrapper-728 {
width: 100%;
}
div#dpb-hidden-movil {
width: 100%;
}
div#arslider {
width: 100%;
}
div#sp-wp-carousel-free-id-728 {
width: 100%;
}
.wpcp-carousel-section.wpcp-standard, .wpcp-carousel-section.wpcp-standard .slick-list {
width: 100%;
}
div#dpb-hidden-movil #polls-2 {
width: 100%;
}
div#dpb-hidden-movil #polls-2 #polls-2-ans {
width: 100%;
}
div#dpb-hidden-movil #polls-2 #polls-2-ans p:nth-of-type(1) {
width: 100%;
margin-top: 15px;
}
div#arslider h2 {
text-align: center;
padding-bottom: 10px;
}
#mvp-home-widget-wrap .mvp-flex-col-noad {
margin: 0 0px 30px 0 !important;
width: 50%;
height: 300px;
}
section#mvp_flex_widget-3 .mvp-flex-story-out.right.relative {
margin-right: 15px;
}
#mvp-home-widget-wrap a:first-child .mvp-flex-col-noad, #mvp-home-widget-wrap a:nth-child(3n+4) .mvp-flex-col-noad > div {
margin-right: 0 !important;
}
#mvp-home-widget-wrap a:first-child .mvp-flex-col-noad, #mvp-home-widget-wrap a:nth-child(3n+4) .mvp-flex-col-noad {
display: none;
}
#mvp-home-widget-wrap .mvp-flex-col .mvp-flex-story-img {
max-height: 186px;
min-height: 186px;
}
.mvp-flex-story-wrap.left.relative img {
width: 100%;
}
}
@media(min-width: 768px){
#mvp-home-widget-wrap .mvp-flex-col-noad {
margin: 0 0px 30px 0 !important;
width: 33.33%;
}
section#mvp_flex_widget-3 .mvp-flex-story-out.right.relative {
margin-right: 15px;
}
#mvp-home-widget-wrap a:first-child .mvp-flex-col-noad, #mvp-home-widget-wrap a:nth-child(3n+4) .mvp-flex-col-noad > div {
margin-right: 0 !important;
}
#mvp-home-widget-wrap a:first-child .mvp-flex-col-noad, #mvp-home-widget-wrap a:nth-child(3n+4) .mvp-flex-col-noad {
margin: 0 !important;
}
#mvp-home-widget-wrap .mvp-flex-col .mvp-flex-story-img {
max-height: 186px;
min-height: 186px;
}
.mvp-flex-story-wrap.left.relative img {
width: 100%;
}

}
@media(min-width: 992px){
#mvp-home-widget-wrap .mvp-flex-col-noad {
margin: 0 0px 30px 0 !important;
width: 33.33%;
height: 430px;
}
section#mvp_flex_widget-3 .mvp-flex-story-out.right.relative {
margin-right: 30px;
}
#mvp-home-widget-wrap a:first-child .mvp-flex-col-noad, #mvp-home-widget-wrap a:nth-child(3n+4) .mvp-flex-col-noad > div {
margin-right: 0 !important;
}
#mvp-home-widget-wrap a:first-child .mvp-flex-col-noad, #mvp-home-widget-wrap a:nth-child(3n+4) .mvp-flex-col-noad {
margin-right: 0 !important;
}
#mvp-home-widget-wrap .mvp-flex-col .mvp-flex-story-img {
max-height: 240px;
min-height: 240px;
}
.mvp-flex-story-wrap.left.relative img {
width: 100%;
}
}

input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
background-color: #f5f5f5;
border: 1px solid #000;
padding: 20px 10px 10px 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
span.mvp-feat1-pop-head{
color:#000;
}
ul.mvp-feat1-list-buts li.active span.mvp-feat1-list-but{
color:#000;
}
span.mvp-post-cat{
color:#000;
}
span.mvp-prev-next-label{
color:#4d4d4d !important;
}
.mvp-widget-feat2-side-more-but{
color:#4d4d4d !important;
}
.wp-polls ul li, .wp-polls-ul li, .wp-polls-ans ul li{
margin:10px;
}
.mvp-ad-label{
display:none;
}
.cn-button.bootstrap{
background-color:#fff500;
color:#000;
}
a, a:visited{
color:#4d4d4d;
}
.span.mvp-cd-cat, span.mvp-cd-date{
display:none;
}

.textwidget p, .textwidget div{
width:590px;
}
#encuesta{
width:0px;
}

/*#sp-wp-carousel-free-id-728.sp-wpcp-728 .slick-prev i, #sp-wp-carousel-free-id-728.sp-wpcp-728 .slick-next i{
display:none;
}*/
/*ocultar formulario comentarios
#mvp-content-bot {
}

#mvp-side-wrap a{
width: 100%;
}
span.mvp-widget-home-title{
transform: skewX(-1deg);
}
span.mvp-feat1-list-but{
transform: skewX(-1deg);
}
span.mvp-feat1-pop-head{
transform: skewX(-1deg);
}
*/

/*tamaño imagenes instagram*/
#sb_instagram.sbi_col_3 #sbi_images .sbi_item {
height:100px;
}

/*columnas de contacto*/
.flexbox-container {
display: -ms-flex;
display: -webkit-flex;
display: flex;
}

.flexbox-container > div {
width: 50%;
padding: 10px;
}

.flexbox-container > div:first-child {
margin-right: 20px;
}

@media screen and (min-width: 900px) and (max-width: 2080px) {
.wpcf7 input[type="text"]
{
background:#f5f5f5;
color: #000;
width: 50%;
border: 1px solid #000;
padding:20px 10px 10px 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#wpcf7-f812-p464-o1 input[type="email"]
{
background-color:#f5f5f5;
color: #000;
width: 50%;
border: 1px solid #000;
padding:20px 10px 10px 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
/*suscribete*/
#wpcf7-f559-p464-o2
input[type="email"]
{
background-color:#f5f5f5;
color: #000;
width: 50%;
border: 1px solid #000;
padding:20px 10px 10px 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.wpcf7-textarea
{ width: 50%;
color: #000;
background:#f5f5f5;
border: 1px solid #000;
padding:20px 10px 10px 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.wpcf7-submit{
background-color:black!important;
color:white!important;
border:none;
padding:15px;
}
.wpcf7-form label{
color:#222;
font-family:'Montserrat', sans- serif;
font-size:12px;
}
.textwidget div {
width:660px;
}
.textwidget p{
width:517px;
}
}
@media screen and (max-width:1100px){
.textwidget div {
width:590px;
}
.textwidget p {
width: 345px;
}
}
/*formulario de contacto*/
@media screen and (max-width: 899px) {
.wpcf7 input[type="text"]
{
background:#f5f5f5;
color: #000;
width: 85%;
border: 1px solid #000;
padding:20px 10px 10px 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#wpcf7-f812-p464-o1 input[type="email"]
{
background-color:#f5f5f5;
color: #000;
width: 85%;
border: 1px solid #000;
padding:20px 10px 10px 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
/*suscribete*/
#wpcf7-f559-p464-o2
input[type="email"]
{
background-color:#f5f5f5;
color: #000;
width: 100%;
border: 1px solid #000;
padding:20px 10px 10px 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.wpcf7-textarea
{ width: 85%;
color: #000;
background:#f5f5f5;
border: 1px solid #000;
padding:20px 10px 10px 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.wpcf7-submit{
background-color:black!important;
color:white!important;
border:none;
padding:15px;
}
.wpcf7-form label{
color:#222;
font-family:'Montserrat', sans- serif;
font-size:12px;
}
.textwidget div {
width:406px;
}
.textwidget p{
width:400px;
}
}

/*responsive encuesta*/
@media screen and (max-width:767px){
.textwidget div {
width:258px;
}
.textwidget p{
width:265px;
}
}

/*responsive informacion contacto*/
@media screen and (max-width: 620px) {
#wpcf7-f559-p464-o2
input[type="email"]
{
width:80%;
}
.textwidget div {
width:260px;
}
.textwidget p{
width:239px;
}
}

@media screen and (max-width: 520px) {
#wpcf7-f559-p464-o2
input[type="email"]
{
width:60%;
}
.wp-block-embed__wrapper {
height: 215px !important;
}
.textwidget div {
width:172px;
}
.textwidget p{
width:224px;
}
}

@media screen and (max-width: 420px) {
figure.wp-block-embed-youtube.wp-block-embed.is-type-video.is-provider-youtube.wp-embed-aspect-16-9.wp-has-aspect-ratio .wp-block-embed__wrapper {
height: 160px !important;
}
.flexbox-container{
display:block;
}
/*suscribete*/
#wpcf7-f559-p464-o2
input[type="email"]
{
width:48%;
}

}
.wprc-container button.wprc-switch, .wprc-content button.wprc-submit{
background: #fff500;
border: 1px solid #fff500;
border-radius: 0;
color: #000;
box-shadow: none;
padding: 10px 15px;
}
.wprc-container .wprc-content{
border-top: 4px solid #fff500;
}
.wprc-content button.wprc-submit, .wprc-content button.wprc-submit:hover{
background: #000;
border: 1px solid #000;
color: #fff500;
}
.wprc-container button.wprc-switch, .wprc-container button.wprc-switch:hover{
background: #000;
border: 1px solid #000;
color: #fff500;
}
/* figure.wp-block-embed-youtube.wp-block-embed.is-type-video.is-provider-youtube.wp-embed-aspect-16-9.wp-has-aspect-ratio .wp-block-embed__wrapper {
height: 416px;
} */
.wp-block-embed__wrapper {
height: 416px;
}
@media screen and (max-width: 360px) {
#wpcf7-f559-p464-o2
input[type="email"]
{
width:60%;
}
.wp-block-embed__wrapper {
height: 150px !important;
}
}
/*Nuglas*/

#comments {
display: block!important;

}

#mvp-comments-button {

display: none!important;
}

ResponderCitar
Respondido : 28/06/2021 5:13 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Hugo, 

En este caso veo que estas son reglas que se añaden en tu sitio web los cuales deben estar modificando los estilos y formas de visualización de los elementos en tu sitio web. Si no conoces muy bien que modifica cada regla te sugiero no eliminarlas, ya que si bien no ocasionan errores eliminar alguno de tus estilos puede ocasionar que los elementos se vean de forma diferente, por ejemplo la siguiente regla que tienes añadida lo que hace es indicarle a tu sitio web que en dispositivos móviles con una resolución determinada el ancho de la caja de email sea de un 60% 

@media screen and (max-width: 360px) {
#wpcf7-f559-p464-o2
input[type="email"]
{
width:60%;
}
}

Ten en cuenta que estas reglas se añaden para darle una forma especifica de visualización a un elemento en tu sitio web, ya sea un color, ancho de una columna, tamaño de un título... por lo que te sugiero si no conoces bien que deseas eliminar no tocar estos estilos, ya que eliminar alguno puede ocasionar que este elemento no se visualice como hasta ahora en tu sitio web. 

Si deseas conocer un poco más sobre los estilo CSS y como modificarlo en wordpress te recomiendo veas el siguiente curso gratuito que tenemos disponible, donde explican la importancia de las hojas de estilo en cascada (CSS) en un sitio web y se muestran varios ejemplos prácticos para realizar personalizaciones o modificaciones en el tema en uso -> https://www.webempresa.com/university/curso-css-wordpress/

Un Saludo 

ResponderCitar
Respondido : 28/06/2021 5:41 pm

Cursos Gratuitos WordPress