[solved] change image on categories block top

[Alfa7]

what i try to do

I try to change the color of the head only in categories block

 

 

 

Is it possible to only change image on the categories block not the tags block

 

this is in global.css around line 300

 

 

.block .title_block, .block h4 {

 

 

background-image: url("../img/block_bg.gif");

border-bottom: 1px solid #000000;

border-top-left-radius: 6px;

border-top-right-radius: 6px;

color: #FFFFFF;

font-size: 12px;

font-weight: bold;

padding: 6px 11px;

text-align: left;

text-shadow: 0 1px 0 #000000;

text-transform: uppercase;

}

Edited April 9, 2013 by vekia (see edit history)

[Paulito]

Good morning,

 

I am not quite sure if I understand what you ask but if all you want to do is change the colour of the categories block and others like information, news letter etc then go to:

 

Your theme > global.css and around line 290 you should see .block .title_block, .block

 

under this you will see

background: #xxx;

Change the xxx to whatever colour you want

 

Paul

[vekia]

if you want to change color only for categories block title, you have to edit this module tpl file and create own style for this block. What i mean? I mean that you have to open modules->blockcategories->blockcategories.tpl file and add own styles for:

 

<h4 class="title_block">{l s='Categories' mod='blockcategories'}</h4>

 

you can add new styles in two ways. First - just insert style="" tag:

<h4 class="title_block" style="backgrund:#c0c0c0;">{l s='Categories' mod='blockcategories'}</h4>

 

or create new class:

 

<h4 class="title_block your_new_class">{l s='Categories' mod='blockcategories'}</h4>

 

and add this class into your global css styles:

 

.your_new_class{

background:#c0c0c0;

}

[Alfa7]

I have put

In blockcategories.tpl

<div id="categories_block_left" class="block">
<!-- <p class="title_block">{l s='Categories' mod='blockcategories'}</p> -->
   <h4 class="title_block your_new_class">{l s='Categories' mod='blockcategories'}</h4>
<div class="block_content">

 

in global.css

line 310

 

.your_new_class{
background:#cccccc;
}

 

But there is no difference.

It does not change color

[yaniv14]

is your site live, can you post url?

[Alfa7]

http://shop.se/shop1/index.php

[yaniv14]

I see that you created a new style class and called it 'your_new_class',

everything is fine but lets say that the new class loose in the battle of the classes

the title block h4 class is overriding what you have becasue its a bit more specific than what you have.

 

So.... if you want to fix it, you can either give top priority to your new class by adding !important or you can describe your new class better.

 

solution 1 -

.your_new_class {background:#c0c0c0 !important;}

solution 2 -

h4.title_block.your_new_class {background:#c0c0c0;}

solution 3 -

#categories_block_left h4 {background:#c0c0c0;}

 

 

all 3 will probably work

Edited April 7, 2013 by yaniv14 (see edit history)

[Alfa7]

yes

 

Thanks

[vekia]

i marked this thread as solved :-) thanks