How centralize headerBG position?

GK User
Thu Oct 16, 2014 2:52 pm
I want to leave a slideshow module in this position, but the image is not centered. She begins the visible area of ​​the monitor to my right. The certain would be centralized.

PS: I tested 02 components to it: Revolution Slider and Smart Slider.
Now just put a custom module with a picture and is the same thing.

The following demo: http://agencia31.com.br/projeto/university/

Lower the resolution of the page and you will understand better what I speak.
User avatar
Senior Boarder

GK User
Fri Oct 17, 2014 10:44 pm
Hello,

Please add the following code in the Custom CSS code option under the template advanced settings:

Code: Select all
#gkHeaderBg p {
   margin: 0;
}
#gkHeaderBg img {
   display: block;
   margin: 0 auto;
}
User avatar
Administrator

GK User
Sat Oct 18, 2014 4:03 am
Hello,
Thank u for attention.
I put the code you passed me and it works on monitors above 18 '.
My resolution is 1366x768 and the problem continues.
I'm using a custom module, but both this module as a module component of slideshow, gives this error.

I recorded a video that best shows the problem.

http://screencast-o-matic.com/watch/c26FnNejPW
User avatar
Senior Boarder

GK User
Sat Oct 18, 2014 4:20 pm
Please change my code to:

Code: Select all
#gkHeaderBg p {
   margin: 0;
}
#gkHeaderBg {
   min-height: 530px;
}
#gkHeaderBg img {
   display: block;
   margin: 0 auto;
   -webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   -o-transform: translateX(-50%);
   transform: translateX(-50%);
   left: 50%;
   position: absolute;
}
User avatar
Administrator

GK User
Mon Oct 20, 2014 3:19 pm
Its great. Thank u very attention.
Its resolved.
User avatar
Senior Boarder


cron