zoo titulos diferentes a la plantilla  

 
Luis
 Luis
Estimable Member

buenos dias tengo el siguiente problema:

cuando cambio por defecto el estilo de mi plantilla yootheme catalys el componente zoo también cambia.
explicare mas a fondo, con la plantilla catalyst uno puede cambiar el color de los menús y demás, pero no quiero que el componente zoo lo tome, o mas exactamente los títulos, por que como ustedes se pueden fijar en la pagina principal y después de entrar en la tienda, los títulos se pierden completamente con el fondo.
¿ como puedo hacer para que zoo mantenga títulos de color azul o negro?
no quiero que los del menú principal cambien, esos que se queden así, pero lo que si quiero es que zoo se deje manejar el color de los títulos que yo quiera.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 02/05/2014 12:11 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Tienes que entender que los estilos CSS de la plantilla siempre se aplican sobre toda la web, y no solo sobre una parte de la misma. De esta forma, el diseño de un componente puede verse afectado por los CSS de la plantilla, en el caso de que existen estilos generados en ese CSS que tengan aplicación en ellos, cosa que suele ser común.

Entiendo que estás hablando de lo que se muestra debajo de "Categorías" en la home de la web. No te puedo decir el archivo en concreto a modificar, ya que parece que tienes activada la compresión gzip para los CSS en la web, lo que impide ver el archivo concreto.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 02/05/2014 12:56 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Luis
 Luis
Estimable Member

la he desactivado muchas gracias

ResponderCitar
Respondido : 02/05/2014 7:58 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Prueba a editar el archivo templates/yoo_catalyst/styles/green/css/style.css y cambia la línea:

::selection { background: rgba(106,222,28,0.1); color: #E3FF8F; }

por esta otra:

::selection { background: rgba(106,222,28,0.1); color: #E3FF8F !important; }

No se si era este el cambio que querías realizar.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 02/05/2014 8:08 pm

Cursos Gratuitos WordPress

Luis
 Luis
Estimable Member

e cambiado el comando que tu dices pero no he visto el cambio que yo queria realizar.
colocare una imagen adjunta del problema que tengo y también del archivo css que e descargado del sitio web.

ResponderCitar
Respondido : 03/05/2014 7:12 pm
Luis
 Luis
Estimable Member

este es el archivo .css , le cambie el .css por . txt para poder subirlo al foro.

/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License ( http://www.yootheme.com/license) */

/* Color: Green */

/* Base
----------------------------------------------------------------------------------------------------*/

body#page { color: #979E96; }

/* Base Color */
a,
em.box,
code,
h1,
h2,
h4,
#footer .menu a,
.menu-dropdown a.level2:hover,
.menu-dropdown a.level3:hover,
.menu-sidebar a:hover,
.menu-sidebar li > span:hover,
.module .module-title .color,
.mod-color .menu-sidebar a,
.mod-color .menu-sidebar li > span,
.mod-color,
form.style button,
form.style input[type="button"],
form.style input.button,
form.style #submit,
#system .author-box .name,
#system #comments .comment-byadmin .comment-head,
#system span.highlight,
.searchbox input,
.searchbox .results li.result.selected,
.searchbox .results li.result.selected h3,
.searchbox .results li.more-results:hover {
color: #E3FF8F;
text-shadow: 0 0 5px rgba(106,222,28,0.4);
}

/* Hover Color */
a:hover,
#footer .menu a:hover,
.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1,
.mod-color .module-title,
.mod-color .menu-sidebar a:hover,
.mod-color .menu-sidebar li > span:hover,
form.style button:hover,
form.style input[type="button"]:hover,
form.style input.button:hover,
form.style #submit:hover {
color: #F2FFCA;
text-shadow: 0 0 5px rgba(106,222,28,0.6);
}

/* Sub Color */
small,
.menu-dropdown a.level2,
.menu-dropdown span.level2,
.menu-dropdown a.level3,
.menu-sidebar a,
.menu-sidebar li > span,
.mod-box .module-title .subtitle,
.mod-line .module-title .subtitle,
#system .item > header .meta,
#system .item > header .subtitle {
color: #5B635A;
text-shadow: 0 1px 1px rgba(0,0,0,1.0);
}

/* Active Color */
h3,
h5,
h6,
.menu-dropdown li.active .level1,
.menu-dropdown a.current.level2,
.menu-dropdown a.current.level3,
.menu-sidebar a.current,
.breadcrumbs strong {
color: #F4FFF2;
text-shadow:
0 -1px 0 rgba(0,0,0,1.0),
0 0 5px rgba(255,255,255,0.4);
}

/* Box Styles */
code,
em.box,
form.style button,
form.style input[type="button"],
form.style input.button,
form.style #submit,
.searchbox .results li.result.selected,
#system .author-box,
#system #comments .comment-byadmin .comment-head,
#system span.highlight {
border: 1px solid #4F6131;
border: 1px solid rgba(227,255,145,0.2);
background: url(../images/code.png) 0 0 repeat;
box-shadow: inset 0 0 10px rgba(106,222,28,0.1);
}

ins, mark { background-color: #4F6131; color: #E3FF8F; }

::-moz-selection { background: rgba(106,222,28,0.1); color: #E3FF8F; }
::selection { background: rgba(106,222,28,0.1); color: #E3FF8F !important; }

/* Layout
----------------------------------------------------------------------------------------------------*/

#block-header > div { background: url(../images/header_color.png) 50% 0 no-repeat; }

#totop-scroller { background: url(../images/totop_scroller.png) 0 0 no-repeat; }

#footer { color: #444643; }
#footer a { color: #646B63; }
#footer a:hover { color: #979E96; }

/* Menus
----------------------------------------------------------------------------------------------------*/

/* Fancy */
#menubar div.fancy div.fancy-3 { background-image: url(../images/fancy.png); }

/* Menu Dropdown */
.menu-dropdown a.level1,
.menu-dropdown span.level1 { color: #5B635A; }

.menu-dropdown a.level2,
.menu-dropdown span.level2,
.searchbox .results li.result { background: url(../images/menu_dropdown_level2.png) 0 0 repeat-x; }

.menu-dropdown a.level2:hover,
.searchbox .results li.result.selected {
border: 1px solid #4F6131;
border: 1px solid rgba(227,255,145,0.2);
box-shadow: inset 0 0 10px rgba(106,222,28,0.1);
}

.menu-dropdown a.level3 { background: url(../images/menu_dropdown_level3.png) 0 0 no-repeat; }

/* Menu Sidebar */
.menu-sidebar a.level1,
.menu-sidebar li > span.level1 { background: url(../images/menu_sidebar_level1.png) 0 0 repeat-x; }

.menu-sidebar li.parent .level1 > span { background: url(../images/menu_sidebar_parent.png) 100% 0 no-repeat; }

.menu-sidebar a.level2 { background: url(../images/menu_sidebar_level2.png) 0 0 no-repeat; }

/* Module Color Menu Sidebar */
.mod-color .menu-sidebar a.level1,
.mod-color .menu-sidebar li > span.level1 { background: url(../images/menu_sidebar_level1_color.png) 0 0 repeat-x; }

.mod-color .menu-sidebar li.parent .level1 > span { background-image: url(../images/menu_sidebar_parent_color.png); }

.mod-color .menu-sidebar a.level2 { background-image: url(../images/menu_sidebar_level2_color.png); }

/* Modules
----------------------------------------------------------------------------------------------------*/

.module .module-title .icon { background-image: url(../images/module_icons.png); }

/* Module Color */
.mod-color {
border: 1px solid #4F6131;
border-top-color: #98B060;
background: url(../images/module_color.png) 0 0 repeat;
box-shadow:
inset 0 0 10px rgba(106,222,28,0.1),
0 3px 5px rgba(0,0,0,0.5);
}

.mod-color .module-title .subtitle,
.mod-color small {
color: #678046;
text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
}

/* Module Style */
.mod-metal a,
.mod-metal .menu-sidebar a:hover,
.mod-metal .menu-sidebar li > span:hover,
.content-whitebg #content a,
.content-whitebg #content h1,
.content-whitebg #content h2,
.content-whitebg #content h3,
.content-whitebg #content h4,
.content-whitebg #content h5 {
color: #293C00;
text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}

/* Tools
----------------------------------------------------------------------------------------------------*/

/* Button More */
a.button-more,
a.button-more:before,
a.button-more:after { background-image: url(../images/tools/button_more.png); }

/* List Styles */
.mod-color ul.line > li,
.mod-color .comments-list > article,
.mod-color .wk-twitter-list article { background: url(../images/tools/list_line_color.png) 0 0 repeat-x; }

ul.line-icon > li {
background:
url(../../../images/tools/list_line.png) 0 0 repeat-x,
url(../images/tools/list_line_icon.png) 0 0 no-repeat;
}
#page ul.line-icon > li:first-child {
background:
none,
url(../images/tools/list_line_icon.png) 0 0 no-repeat;
}

.mod-color ul.line-icon > li {
background:
url(../images/tools/list_line_color.png) 0 0 repeat-x,
url(../images/tools/list_line_icon.png) 0 0 no-repeat;
}
#page .mod-color ul.line-icon > li:first-child {
background:
none,
url(../images/tools/list_line_icon.png) 0 0 no-repeat;
}

ul.check > li { background: url(../images/tools/list_check.png) 0 0 no-repeat; }

.mod-color ul.zebra > li.odd { background: #4F6131; }
.mod-color ul.zebra > li:nth-of-type(odd) { background: #4F6131; }

/* Form Elements */
form.style button:hover,
form.style input[type="button"]:hover,
form.style input.button:hover,
form.style #submit:hover { box-shadow: inset 0 0 10px rgba(106,222,28,0.3); }

/* System
----------------------------------------------------------------------------------------------------*/

/* Pagination */
#system .pagination a.previous,
#system .pagination a.next { background-image: url(../images/pagination_nav.png); }

/* Search */
.searchbox { background: url(../images/searchbox.png) 0 50% no-repeat; }

.searchbox input:-moz-placeholder { color: #E3FF8F; }
.searchbox input::-webkit-input-placeholder { color: #E3FF8F; }
.searchbox input.placeholder { color: #E3FF8F; }

.searchbox.filled button { background: url(../images/searchbox_reset.png) 50% 50% no-repeat; }

/* WidgetKit
----------------------------------------------------------------------------------------------------*/

/* Slideset Navigation */
.wk-slideset-catalyst .nav.icon span { background: url(../images/widgetkit/nav.png) 0 0 no-repeat; }

ResponderCitar
Respondido : 03/05/2014 7:13 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla Luis

El problema básicamente son los links, puedes probar cambiando de color, tendrás otros estilos de sombras, pero al menos se verá mejor sólo cambiando el color por uno más oscuro.

Agrega el siguiente código CSS al inicio del archivo :

a{
	color : gray!important;
}

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 04/05/2014 4:13 pm
Luis
 Luis
Estimable Member

e introducido el codigo que tu dices pero nada

ResponderCitar
Respondido : 06/05/2014 5:18 am

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

Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Puedes ubicar el fichero /templates/yoo_catalyst/styles/green/css/style.css y ubicar la linea 11 aproximadamente y cambiar los colores de la letra.

Recuerda que todos estos cambios son de CSS del cual no brindamos soporte, te recomiendo utilizar firebug.
- https://www.webempresa.com/blog/usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 06/05/2014 5:26 am
Luis
 Luis
Estimable Member

han cambiado de una tonalidad un poco mas oscura precisa mente lo que queria muchas gracias my friends.

ResponderCitar
Respondido : 11/05/2014 12:28 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Por favor Iniciar Sesión o Registro