Home Page Styling

[Carly]

How did you get two buttons on your demo theme home page slider?
Also, how do I change colors for buttons and text on home page slides?
And, is it possible to remove menu on desktop and mobile so that the home page is just one full screen page?
Thank you

[Anonymous]

Hi @costyclan,

You can setup your slider from OneSocial theme setting panel (see the attached screenshot).

To change the color of slider button add this css code in your theme’s custom css panel:

.bb-marketplace.page-template-homepage #main-wrap .button:not(.more):not(.product_type_simple) {
    background-color: gray !important;   // change the color with yours //
}

You can change it from slider setting page.

To remove header try this:

.site-header, nav.subheader ul.menu:hover {
    display: none !important;
}
nav.subheader {
    display: none !important;
}

Regards

[Carly]

@pallavi and how do you get two buttons on slide as per the Onesocial sandbox demo?

[Carly]

@pallavi I tried your code to remove header but it removes for whole site, is there any way to just have it removed on the home page? I’m trying to create a clean landing page and don’t want header and menu items showing.

[Anve S.]

Hi @costyclan ,

Try following css to remove header on homepage and apply in child theme custom css option.

.home #masthead, .home #mobile-header {
  display: none;
}

Regards
Anve

[Carly]

Hi @anve, this works perfectly for removing header from my home page, however, how can I also remove it from other pages using the page ID? I have about 5 pages including the ‘register’ page that will be accessed from the home page and I do not want my main header/menu showing on these pages?
Thank you kindly

[Anve S.]

Hi @costyclan,

You will get a unique class on ‘body’ element of every page ,like ‘home’ on homepage . You can use that specific class to remove the header by replacing ‘home’ with that class in that same code given to you.

Regards
Anve

[Carly]

Thanks @anve. I followed your instructions and got it sorted : )

[Anve S.]

Great 🙂