carrousel header no borders please

GK User
Thu Nov 28, 2013 8:58 am
hi there

see www.speedfestival.nl where i have integrated the revolution slider.
thing is, i don't want any big chunky black borders like can be seen now.

the module is within the header, and has prefiex nomobile transparent. i have alos excluded all possible borders and padding within the revolution slider.

hope somebody can help me still..

regads
emel
User avatar
Platinum Boarder

GK User
Thu Nov 28, 2013 10:42 am
Would you like it to fill placeholder completely by overlaping this black border (so border disappears and slider is bigger)?
User avatar
Moderator

GK User
Thu Nov 28, 2013 10:48 am
yes idd, no borders, all flat boxes, like we do in 2013-2014

:)
User avatar
Platinum Boarder

GK User
Thu Nov 28, 2013 6:37 pm
Please edit: /templates/gk_game_magazine/css/override.css and add at its end:
Code: Select all
#gkHeader .box.nopadding {
padding: 0px;
}


This way you create a suffix that removes 1rst level of padding - add this suffix to your module (don't remove the rest).

After that change, there is still some black padding, but You must decide if you would like to remove it also (it will also remove padding on highlighter below, so if you would like to remove only for slider and keep for highlighter, please let me know)

Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator

GK User
Sat Nov 30, 2013 10:08 pm
hi
i did add nopadding to the module, and added you code to the override. i can see there is less space/padding now, but would like to whole width, height to be used ? (the gk highlight is no problem underneath)
User avatar
Platinum Boarder

GK User
Mon Dec 02, 2013 1:09 pm
any news yet... please check site now, i really could need the extra spaces....
User avatar
Platinum Boarder

GK User
Fri Dec 06, 2013 5:12 pm
Sorry for late response:
Code: Select all
#gkHeader {padding: 0;}

Should remove padding completely.
If you would like to keep top and bottom padding, please use this code:
Code: Select all
#gkHeader {padding: 22px 0;}


You can also restore padding in shoutbox element by using this code:
Code: Select all
#gkHeader {padding: 0 0 22px;}
#gkHeader . headerBottom {padding: 0 27px;}
User avatar
Moderator


cron