Jump to content

[solved] change image on categories block top


Recommended Posts

what i try to do

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

 

HUVUD.jpg

 

 

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 by vekia (see edit history)
Link to comment
Share on other sites

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

Link to comment
Share on other sites

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;

}

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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 by yaniv14 (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...