Remove whitespace after frontpage slider
May 2014 WordPress Theme
- GK User
- Tue Oct 06, 2015 10:36 pm
Hi, on this site http://www.brillabijou.com, i am using a simple version of homepage just with the slider.
There is a white space between slider and footer but i don't understand from css which class i need to change.
thanks.
Also, i saw that also in your theme demo, if i go on mouseover with mouse on the slider i get a simple textbox with the page title. how can i remove this?
Thanks
There is a white space between slider and footer but i don't understand from css which class i need to change.
thanks.
Also, i saw that also in your theme demo, if i go on mouseover with mouse on the slider i get a simple textbox with the page title. how can i remove this?
Thanks
-
- Gold Boarder
- GK User
- Tue Oct 06, 2015 10:56 pm
Hi,
Please add the following custom css code to remove this space:
Regarding the title - you have to edit StoreFront/template.frontapge.php fiel and remove
around line 70
Please add the following custom css code to remove this space:
- Code: Select all
.frontpage #gk-header-mod {
margin: 0;
}
Regarding the title - you have to edit StoreFront/template.frontapge.php fiel and remove
- Code: Select all
data-title="<?php the_title(); ?>"
around line 70
-
- Moderator
- GK User
- Tue Oct 06, 2015 11:15 pm
Hi thanks. I will try and let u know.
Just last questions. If u see the footer of that site from a tablet, there is something strange. There is enough space to have 4 column but colum is just 1 and newsletter form is very stretched
How to fix
Just last questions. If u see the footer of that site from a tablet, there is something strange. There is enough space to have 4 column but colum is just 1 and newsletter form is very stretched
How to fix
-
- Gold Boarder
- GK User
- Wed Oct 07, 2015 8:28 am
You've edited it by changing the following code:
the default value is 50%, you can also use this code instead:
should looks better.
- Code: Select all
#gk-bottom .box.double {
width: 100%!important; <!-- Edited by claudio -->
}
the default value is 50%, you can also use this code instead:
- Code: Select all
#gk-bottom .box.double {
width: 40%!important;
}
#gk-bottom .box.double + .box {
width: 60%;
}
should looks better.
-
- Moderator
- GK User
- Wed Oct 07, 2015 12:33 pm
hi, i putted your code but i don't like how i see that now.. i have 3 column and not 4 as in your demo.
any suggestions?
Thanks
any suggestions?
Thanks
-
- Gold Boarder
- GK User
- Wed Oct 07, 2015 1:07 pm
Add the code into tablet.smal.css file. Like I said instead of this code:
- Code: Select all
#gk-bottom .box.double {
width: 100%!important; <!-- Edited by claudio -->
}
-
- Moderator
6 posts
• Page 1 of 1