Category header image problem

[fivewood]

I have changed the background image for all of the blocks on the home page using this code:

  /* BLOCK .block ******************************************************************************** */
.block {margin-bottom:20px}
#footer .block {margin-bottom:0}
.block .title_block, .block h4 {
padding:6px 11px;
font-size:12px;
color:#fff;
text-shadow:0 1px 0 #000;
text-transform:uppercase;
        text-align:center;
        border-radius:5px;
background:url(../img/block_header.png) no-repeat;
font-weight: bold;
} 

and everything looks fine except for in the home featured products block, here the image only reaches half way across the block. How can I stretch this across the whole block as it is with the other blocks?

 

Also the text in the New Products block is left aligned instead of centred in the other blocks

Looked everywhere and cant find any way of fixing these

 

 

Any help appreciated!

 

ps - using 1.5.6.1

[vekia]

hello

 

it's because image for featured products header is to small. you have to create another image with width related to featured header, and change css style to use new image.

[fivewood]

Thought the featured products block called the same header as the others?

Where do I find this header in the css? couldnt see a specific one for this

[fivewood]

BTW fixed the text orientation in the new products header 

[Paulito]

Good morning

 

I assume I am missing something but I thought you would change:

 

public_html/your store/modules/homefeatured/homefeatured.css

 

Paul

[vekia]

it looks like some modification of theme, can you share url to your website?

[fivewood]

Been some slight modifications but not that much.  Cant see anywhere in 'public_html/yourstore/modules/homefeatured/homefeatured.css' that references the background image.

 

URL is http://footballbits.co.uk/v2/ - Still very much in development!

 

The code for homefeatured.css is

#featured-products_block_center li {
	margin-right:10px;
	padding:10px 0;
	width:126px;
	height:240px
}
#featured-products_block_center li.last_item_of_line  {margin-right:0;}
#featured-products_block_center .s_title_block,  #featured-products_block_center h5 {
	padding-top:5px;
	height:30px;
	font-size:12px;
	color:#222;
	padding-bottom: 0;
	font-weight:bold;
}

#featured-products_block_center .product_image {
	display:block;
	position:relative;
	overflow:hidden
}
#featured-products_block_center .product_image span.new {
	display: block;
	position: absolute;
	top: 15px;
	right:-30px;
	padding: 1px 4px;
	width: 101px;
	font-size:10px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform: rotate(45deg);
	background-color: #990000;
	transform: rotate(45deg);  /* Newer browsers */
}

#featured-products_block_center .product_desc {height:45px;}
#featured-products_block_center .product_desc,
#featured-products_block_center .product_desc a {
	color:#666
}
#featured-products_block_center .lnk_more {
	display:inline;
	padding-right:10px;
	font-weight:bold;
	font-size:10px;
	color:#0088cc;
    background:url(img/arrow_right_1.png) no-repeat 100% 3px; 
       
}
#featured-products_block_center .price_container {
	margin-top:10px;
	padding:0;
}
#featured-products_block_center .price {
	font-weight:bold;
	font-size:14px;
	color:#990000
}
#featured-products_block_center li .ajax_add_to_cart_button {display:none;}
#featured-products_block_center li span.exclusive {display:none;}

[vekia]

woops, its under maintenance mode

if it's not a problem: can you add my ip to allowed ip addresses?

[fivewood]

Sure, whats your ip?

[vekia]

i sent you PM.

i've got dynamic ip, so i have to check it fast

[fivewood]

OK small update - If I change the line to 

background:url(../img/block_header.png) repeat;

it will stretch across the whole section but (obviously) repeats the image

Problem is the image I am using is not uniform so I then end up with the left part of the mage repeated in the middle

 

What I need is a way of stretching the image to fit the block

Its only a problem with the homefeatured section but there doesnt seem to be a specific .css element for the image in that section