[Solved] Category Image showing grey block at bottom on resized page

[TPLuK]

Hi

 

I have modified my category pages to show full width images.

Image size used 1170px x 217px and default image size set to 1170px x 217px

 

This is fine on a full page but when the window is re-sized (Made smaller) I get a grey area under the picture.

 

Any help on how to stop the grey area please.

 

[Dh42]

Have a link to the site where it can be seen in action?

[TPLuK]

Have a link to the site where it can be seen in action?

http://www.tpluk.net/shop/11-electrical-lighting

[PSfever.com]

Hi,

 

there's nothing much we can see..

IN ORDER TO PERFORM WEBSITE MAINTENANCE, OUR ONLINE STORE WILL BE TEMPORARILY OFFLINE. WE APOLOGIZE FOR THE INCONVENIENCE AND ASK THAT YOU PLEASE TRY AGAIN LATER.

[TPLuK]

Hi,

 

there's nothing much we can see..

IN ORDER TO PERFORM WEBSITE MAINTENANCE, OUR ONLINE STORE WILL BE TEMPORARILY OFFLINE. WE APOLOGIZE FOR THE INCONVENIENCE AND ASK THAT YOU PLEASE TRY AGAIN LATER.

Sorry...just turned off maintenance mode...

[Dh42]

Since you have ccc on I cannot tell the exact location, but search your css files, maybe it is in the category.css for this 

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

Then delete this line

background-color: #464646 !important;

[PSfever.com]

Sorry...just turned off maintenance mode...

No probs!

 

Here's the CSS code that you need to change.

Look for this:

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

Change to this

.content_scene_cat .content_scene_cat_bg {
padding: 18px 10px 10px 42px;
background-color: none;
}

It should be in the Category.CSS file here

http://www.tpluk.net/shop/themes/default-bootstrap/css/category.css 

[TPLuK]

 

Since you have ccc on I cannot tell the exact location, but search your css files, maybe it is in the category.css for this 

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

Then delete this line

background-color: #464646 !important;

 

 

No probs!

 

Here's the CSS code that you need to change.

Look for this:

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

Change to this

.content_scene_cat .content_scene_cat_bg {
padding: 18px 10px 10px 42px;
background-color: none;
}

It should be in the Category.CSS file here

http://www.tpluk.net/shop/themes/default-bootstrap/css/category.css

Perfect, thanks to both of you for you very quick responses and your help.

[PSfever.com]

Perfect, thanks to both of you for you very quick responses and your help.

You're most certainly welcome! Can you mark this thread as SOLVED?

 

@DH42 You had it few seconds earlier, but I gave him the CSS file. So who won? Haha

[Dh42]

lol, I think you got me, you gave the file location.