quitar fondo gris de la imagen de las categorias

[gera1900]

hola necesito su ayuda para poder quitar el fondo negro y ambos textos que aparecen que dicen diseña tu buzo...

muchas gracias adjunto imagen para que entiendan.

esta dentro de una categoria,necesito que al pinchar la foto azul puedan descargar una imagen...

[mrpotato10]

Buenos días gera1900 en que parte de la tienda está? Si pones el enlace de tu tienda, será más fácil ayudarte.

Un saludo.

[gera1900]

Buenos días gera1900 en que parte de la tienda está? Si pones el enlace de tu tienda, será más fácil ayudarte.

 

Un saludo.

 

hola mrpotato, esta dentro de la categoria,al cargar la imagen en el editor de texto,se pone el fondo negro,necesito poder quitar ese fondo negro y el texto que sale "diseños de buzos"

[nadie]

hola mrpotato, esta dentro de la categoria,al cargar la imagen en el editor de texto,se pone el fondo negro,necesito poder quitar ese fondo negro y el texto que sale "diseños de buzos"

Ese fondo gris/negro, en Prestashop 1.6.1.10 es en el fichero:

/themes/default-bootstrap/css/category.css

Aqui:

.content_scene_cat .content_scene_cat_bg {
    padding: 18px 10px 10px 42px;
    background-color: #464646 !important;
}

La linea del:

    background-color: #464646 !important;

Adjunto Imagen para que lo veas

 

 

Te en cuenta tambien que si cambias el fondo o lo quitas, la descripcion que tambien de la categoria o el mismo titulo que se muestra en dicho bloque tiene por defecto el "color claro" y si colocas colocas el bloque sin fondo.. recomendable cambiar el color del texto que se muestra en ese bloque...

 

Por lo tanto en el mismo fichero que te he dicho aqui:

.content_scene_cat span.category-name {
    font: 600 42px/51px "Open Sans", sans-serif;
    color: #fff;
    margin-bottom: 12px;
}

Tienes el:

 color: #fff;

que corresponde al color del "nombre categoria" en ese bloque.

 

Adjunto Imagen para que veas

 

 

Y aqui:

.content_scene_cat {
    border-top: 5px solid #333;
    color: #d7d7d7;
    line-height: 19px;
    margin: 0 0 26px 0;
}

tienes el:

color: #d7d7d7;

que es el color del texto de lo que haya dentro del bloque (por ejemplo la misma descripcion)

 

Adjunto Imagen 

 

 

Por lo que leo tambien comentas que quieres quitar el nombre del titulo de la categoría en ese bloque, puedes hacerlo con un display:none en el css, o directamente en el tpl comentando la linea de código, yo prefiero ocultarlo directamente en el tpl.

 

Editamos el fichero:

/themes/default-bootstrap/category.tpl

Buscamos la linea:

 <span class="category-name">
                                {strip}
                                    {$category->name|escape:'html':'UTF-8'}
                                    {if isset($categoryNameComplement)}
                                        {$categoryNameComplement|escape:'html':'UTF-8'}
                                    {/if}
                                {/strip}
                            </span>

Y si la dejamos así: (Con {*  *} lo que se hace es comentar el código)

{* 

 <span class="category-name">
                                {strip}
                                    {$category->name|escape:'html':'UTF-8'}
                                    {if isset($categoryNameComplement)}
                                        {$categoryNameComplement|escape:'html':'UTF-8'}
                                    {/if}
                                {/strip}
                            </span>

*}

Se comenta el código y no se ejecutara ese bloque y no se vera el nombre del titulo de la categoría, en la parte que te señalo en la imagen:

 

Adjunto Imagen

 

 

Como te digo te hablo de Prestashop 1.6.1.10 con la plantilla por defecto.

 

Por otro lado, aunque supongo que lo conoceras, es recomendable y util por si quieres cambiar algun colorin o fondo, usar firebug https://www.prestashop.com/forums/topic/209203-uso-basico-de-firebug/ o el mismo inspeccionar elemento, ya que esto entre otras cosas, te ayuda a localizar el fichero *.css (hoja de estilo a modificar)

[gera1900]

Ese fondo gris/negro, en Prestashop 1.6.1.10 es en el fichero:

/themes/default-bootstrap/css/category.css

Aqui:

.content_scene_cat .content_scene_cat_bg {
    padding: 18px 10px 10px 42px;
    background-color: #464646 !important;
}

La linea del:

    background-color: #464646 !important;

Adjunto Imagen para que lo veas

 

 

Te en cuenta tambien que si cambias el fondo o lo quitas, la descripcion que tambien de la categoria o el mismo titulo que se muestra en dicho bloque tiene por defecto el "color claro" y si colocas colocas el bloque sin fondo.. recomendable cambiar el color del texto que se muestra en ese bloque...

 

Por lo tanto en el mismo fichero que te he dicho aqui:

.content_scene_cat span.category-name {
    font: 600 42px/51px "Open Sans", sans-serif;
    color: #fff;
    margin-bottom: 12px;
}

Tienes el:

 color: #fff;

que corresponde al color del "nombre categoria" en ese bloque.

 

Adjunto Imagen para que veas

 

 

Y aqui:

.content_scene_cat {
    border-top: 5px solid #333;
    color: #d7d7d7;
    line-height: 19px;
    margin: 0 0 26px 0;
}

tienes el:

color: #d7d7d7;

que es el color del texto de lo que haya dentro del bloque (por ejemplo la misma descripcion)

 

Adjunto Imagen 

 

 

Por lo que leo tambien comentas que quieres quitar el nombre del titulo de la categoría en ese bloque, puedes hacerlo con un display:none en el css, o directamente en el tpl comentando la linea de código, yo prefiero ocultarlo directamente en el tpl.

 

Editamos el fichero:

/themes/default-bootstrap/category.tpl

Buscamos la linea:

 <span class="category-name">
                                {strip}
                                    {$category->name|escape:'html':'UTF-8'}
                                    {if isset($categoryNameComplement)}
                                        {$categoryNameComplement|escape:'html':'UTF-8'}
                                    {/if}
                                {/strip}
                            </span>

Y si la dejamos así: (Con {*  *} lo que se hace es comentar el código)

{* 

 <span class="category-name">
                                {strip}
                                    {$category->name|escape:'html':'UTF-8'}
                                    {if isset($categoryNameComplement)}
                                        {$categoryNameComplement|escape:'html':'UTF-8'}
                                    {/if}
                                {/strip}
                            </span>

*}

Se comenta el código y no se ejecutara ese bloque y no se vera el nombre del titulo de la categoría, en la parte que te señalo en la imagen:

 

Adjunto Imagen

 

 

Como te digo te hablo de Prestashop 1.6.1.10 con la plantilla por defecto.

 

Por otro lado, aunque supongo que lo conoceras, es recomendable y util por si quieres cambiar algun colorin o fondo, usar firebug https://www.prestashop.com/forums/topic/209203-uso-basico-de-firebug/ o el mismo inspeccionar elemento, ya que esto entre otras cosas, te ayuda a localizar el fichero *.css (hoja de estilo a modificar)

 

victor cambio category.css

como me dijistes,pero no cambia el color 

 

Aqui:

.content_scene_cat .content_scene_cat_bg {

padding: 18px 10px 10px 42px;

background-color: #464646 !important;

}

 

LO PONGO EN FFF lo guardo,pero al actualizar o reiniciar la pc, y volver a cargar la pagina,sigue en color negro y el category.css ya esta modificado en #fff, solicito tu ayuda,gracias!!!!