full width bannertop module

Hi,
I have the Unite Revolution Slider and I want to take all the space of bannertop module. I use the "Full Width" option of Unite Revolution Slider and normally it will get the full width of the template and the height of the image that use as background in slider. But nothing of these happen! Bannertop module keep using space to all sides (up - down - left - right). How is it possible please to take all space and use it only by slider (Unite Revolution Slider).
I attach an screenshot with the problem.
Thank you in advance!

Nikolas

Hi.
Try this:

Code: Select all

#gkBannerTop .gkPage { max-width: 1920px; width: 100%; }
#gkBannerTop { padding: 0; }



How to use custom CSS: http://www.gavick.com/documentation/joo ... -template/

We prepared guide for all users : http://www.gavick.com/documentation/joo ... th-module/

If you have comments please give me signal.

Hi Pawel,

You are awesome!
Thank you very much!
It is exactly what I want!
Regards,

Nikolas

Hi, again
I think it's possible. But you want to use bg image for specific position or specific module ?

p.s.
Sorry by mistake I deleted your last post.

Hi Pawel,

I use the Unite Revolution Slider (with transparent background), full width at the bannertop module . While Unite Revolution Slider loading the slides, I would like visitors view a background image instead of the dark brown color that template have in the position of bannertop module. Unite Revolution Slider support transparent background, so every slide can show the background image that I put in the depth (in the position of bannertop module).
Is this possible?
What is the dimensions that background image will have to show full width?
What is the type of the image (png, jpg etc)?
Thank you in advance!

Nikolas

P.S
No problem for the deletion of the post

Could you send me a link to module (via PM), I have to test how it works, and which solution I have to use/suggest you.

p.s.
You can try to create a new class, for example

Code: Select all

.bg4moment {  background: url(".....image....") no-repeat  rgba(0, 0, 0, 0);
    display: block;
    height: 100px;  }

and add this class for module.
I'm not sure if this will work before I get a module from you.

Hi,

I'll send you the url and the other details right now via PM!
Thank you in advance.

Nikolas

Sorry but right now - I really don't understand why you need another image in background of module - I saw your page and module
And it has this image bg: images/slideshow_homepage/bg_without.jpg
before and after slides would be loaded -- if you'd add another image it will only increase time of loading whole page.

Maybe better solution for you will be reduce size of bg_without.jpg - because now it have 187,32 KB -- I suggest use good compression.

All your slide image are too big -- few of them have more than > 100 KB each -- if you reduce size each of them your module will be quicker 2x times

Thank you Pawel F for your help.
Can you please suggest me a good program for image compression?
Regards,

Nikolas

Can you please suggest me a good program for image compression?

Sure, for my private purposes I uses IrfanView - which have this feature -- also Save for Web (when you upload plugin) which have few very useful options.

Thank you very much!
Have a nice day.
Regards,

Nikolas