Jump to content

[solved] Change block background with picture


Recommended Posts

I want to change the background of all the blocks example Category block etc i want same background on them all.

 

I tested this in my global CSS file for the standard theme that i use.

 

/* BLOCK .block ******************************************************************************** */

.block {margin-bottom:20px}

#footer .block {margin-bottom:0}

.block .title_block, .block h4 {

padding:6px 11px;

font-size:14px;

color:#fff;

text-shadow:0 1px 0 #000;

text-transform:uppercase;

 

text-align:center;

background-image:url ('../img/woodmenu.jpg');

font-weight: bold;

 

}

.block .title_block a, .block h4 a {color:#fff}

.block ul {list-style-type:none}

.block li.last { border:none}

.block li a {

display:block;

color:#333

}

 

 

I just cant get it to work. And yes i have cleared my catch memory on tried different browsers.

And the picture is uploaded.

 

link to my store: http://46.19.37.73/v...ashop/index.php

 

When i inspect the element with firebug i dont even get it to show up there for some odd reason. But when i change font size it does change. Is there some another CSS file i should be looking in also?

post-316639-0-85172400-1367435143_thumb.jpg

Link to comment
Share on other sites

When i inspect the element with firebug i dont even get it to show up there for some odd reason. But when i change font size it does change. Is there some another CSS file i should be looking in also?

 

try to use

background: url('../img/woodmenu.jpg');

 

instead the

background-image:url ('../img/woodmenu.jpg');

  • Like 1
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...