zoo titulos diferen...
 
Avisos
Vaciar todo

zoo titulos diferentes a la plantilla

10 Respuestas
4 Usuarios
0 Reactions
927 Visitas
Luis
 Luis
Respuestas: 231
Estimable Member
Topic starter
 

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


 
Respondido : 02/05/2014 11:11 am
Pablo Velasco
Respuestas: 20382
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.


 
Respondido : 02/05/2014 11:56 am
Luis
 Luis
Respuestas: 231
Estimable Member
Topic starter
 

la he desactivado muchas gracias


 
Respondido : 02/05/2014 6:58 pm
Pablo Velasco
Respuestas: 20382
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.


 
Respondido : 02/05/2014 7:08 pm
Luis
 Luis
Respuestas: 231
Estimable Member
Topic starter
 

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.


 
Respondido : 03/05/2014 6:12 pm
Luis
 Luis
Respuestas: 231
Estimable Member
Topic starter
 

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; }


 
Respondido : 03/05/2014 6:13 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 04/05/2014 3:13 pm
Luis
 Luis
Respuestas: 231
Estimable Member
Topic starter
 

e introducido el codigo que tu dices pero nada


 
Respondido : 06/05/2014 4:18 am
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member 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.
-


 
Respondido : 06/05/2014 4:26 am
Luis
 Luis
Respuestas: 231
Estimable Member
Topic starter
 

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


 
Respondido : 11/05/2014 11:28 am