Remove gkDarkBottom from Home Page

How do I remove the gkDarkBottom and the image within that CSS from my home page?

Hi,
as always, if only from selected page,
1) Add new Page suffix (template settings)
2) Create a new CSS style which will override this section

Please play a while with Firebug tool if you like customizations.

I just like to completely remove it. Is there an easy way, you have a CSS override code?

You have two options :
1) Edit template css files (find & delete)
2) Override used by us styles


We do not collect or keep customization code.

I deleted every part of gkDarkBottom in the template.css file under /templates/gk_musicstate/css however the home page still shows that section.

Where else can I delete?

Use right and full class name and { display:none; } to hide.

Hi Minion

On the other thread you helped me to skew the slanted modules to horizontal however that CSS override did not apply to mobile or tablet. Do you have a new CSS which applies to both mobile and tablet?

.frontpage #gkDarkBottom::after, .frontpage #gkDarkBottom::before,
.frontpage #gkBottom3::after, .frontpage #gkBottom3::before {
transform: skewY(0deg);
}

#gkBottomSection::before {
transform: skewY(0deg) !important;
}

you can add this code into : \css\small.tablet.css
and will be used in all small devices including smartphones
or add into : gk_musicstate\css\tablet.css
and should include tablets and smartphones

or
use !important css value at the end(!) --> transform: skewY(0deg) !important;