[SOLVED] Featured products + dynamic background

[benknackan]

Okey so first of all I'd like to make my background dynamic so it follows u as u browse the site. See: http://www.blingskal.com/content/3-kopvillkor I want the background to follow or repeat.

 

And see attached image I want to try to remove the color in the block. And change the size of the block, I can only find width but I want to change Height, please help ty.

[Snade]

To repeat the background you need to add repeat-y to your background image line like this :

body {


background: url("/modules/changebackground/background_custom.jpg") repeat-y scroll center top transparent;
}

Since your background have a gradient you have 2 options.

1.Make the background image fades fully to some color, and add that color to the background line.

2.Cut a piece of your background pattern(without gradient and maching the bottom color of your background) and make it background to another div element(under body).

 

I suggest you to wait for the next version of prestashop and use the new template, it is much better. Check here -> http://www.prestashop.com/forums/topic/135026-sneak-preview-of-our-new-basic-theme/page__fromsearch__1

[benknackan]

Thx for the help, figured it out finally how to make it to repeat but looks like shit. And don't get what I'm supposed to change in option1, and in option 2 It would be another picture. The reason I asked for how to repeat was that I thought it saves bandwith but it don't? Or?

 

Yeah new template looks much better. I'll probably take a look into that when times comes. I'll launch with this though, if it doesn't release within a week I might look into that before opening.

[Snade]

Oh! I forgot the best option for you, fixed background !

try it like that

 

body {


background: url("/modules/changebackground/background_custom.jpg") repeat-y fixed center top transparent;
}

[benknackan]

Thx perfect! Exactly what I wanted!

[ysco]

Hello benknackan,

 

If your problem is fixed then please add <SOLVED> in the topic.

 

Thanks.

 

ysco..

[benknackan]

Ysco, I know but only half my proble is solved

[ysco]

@ benknackan

 

Oh is see, what problem still needs to be solved ?

 

Regards,

 

ysco..

[benknackan]

From OP

 

And see attached image I want to try to remove the color in the block. And change the size of the block, I can only find width but I want to change Height, please help ty.

[Mike Kranzler]

Hi ben,

Per PrestaShop forum policies, please post this second question as a separate thread. It may seem excessive, but the reason we require this is so that other people who may have this issue in the future can easily perform a search to find where it has already been solved.

 

If your second question is solved here, they may never even think to look for it within the body of a different thread. Additionally, you're much more likely to get help from people who know the answer if your question is obvious from the title of the thread.

 

I will go ahead and mark this thread as solved for you, so please post your second question separately, and I'm sure you'll be able to get it solved very quickly.

 

Thanks,

Mike

[ysco]

Hello benknackkan,

 

To change the color in the block open the global.css file and look for this line #center_column .products_block UL LI here you find the background color, simple change #D0D3D8 to the color you want.

 

To change the Hover color of the featured block look for this line #center_column .products_block UL LI:hover and change this color #BDC2C9 to the color you want.

 

If you want to change the height simple go to this line again #center_column .products_block UL LI and add the following

height: 380px; so the total code should looks like this,

 

#center_column .products_block UL LI
{
float: left;
background-color: #D0D3D8;
margin-top: 0px;
padding: 0 0 1px;
width: 133px;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
height: 380px;
}

 

Regards,

 

ysco..