We cannot set the front page as “Modern” style that have no slider

[PeasonWong]

We have tried to disable the slider in settings page but with no hope.

We interested to know that how we can set the page as shown on your demo site as “Wide” style (Modern).

Many thanks.

[Kieran_SQ]

Hi,

I will assign this ticket to one of our developers who will be able to better assist you, they’ll be in touch with you as soon as they can (Mon-Fri East Europe Time).

Thanks,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Hi,

Fixed,

I’ve added the image and also this css to can look like in the demo

COPY CODE

.home .header-bg {
    background-image:none;
    background-color:transparent;
}

.home #main.full-builder {
    margin-top: -140px;
    z-index: 1 !important;
}

.home header {
    z-index: 9999;
    display: grid;
}
.home header .header-bg {
    z-index: 999999;
}

Let me know if it’s ok

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[PeasonWong]

New problem occur:
The Responsive layout is ruined after applying the above CSS code.

Many thanks. =]

[Radu]

Hi,

Just add also this css beside the previous one

COPY CODE

@media (max-width:991px) {
    .home .header-bg {
      background-image: url("http://seventhqueen.com/demo/sweetdatewp/wp-content/uploads/2013/06/blurred_bg_01.jpg");
    }

    .home #main.full-builder {
      background-image: url("http://seventhqueen.com/demo/sweetdatewp/wp-content/uploads/2013/06/blurred_bg_01.jpg");
      margin-top: -90px;
      background-size: inherit;
      background-position: 48% 48%;
    }

}

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts