[anncox1289Participant]

also the slider is showing in full width on the home page even though I edited the global css.

please see this screenshot and kindly give me some solutions.

thanks.

[anncox1289Participant]

the slider is only being displayed in full width on the home page even though i added the global css.

please see image and kindly give me a suggestion that works.

thanks.

[JoaoModerator]

Hi There,

Please remove .home from the code provided and it will work on every page.

Hope it helps

Joao

[anncox1289Participant]

i’m sorry but it is still not working

please see screenshot and please have someone take a closer look at this.

[anncox1289Participant]

there have been two codes given to me in two different responses. could someone please tell me which code to use and where exactly to take off the .home?

it does not seem like this should be such a complicated issue to resolve.

.home .slider_2 .huge-it-wrap,
.home .slider_2,
.home ul#slider_2 {
max-width:100% !important;
width:100% !important;
}

.home .x-container.max.width.offset {
width: 100%;
}

[anncox1289Participant]

please explain why my homepage has the desirable width and size? I have put this code directly into the page. I have tried this with .”appropriate-page-name” on the other pages.

[JoaoModerator]

Hi There,

Replace this:

.home .slider_2 .huge-it-wrap,
.home .slider_2,
.home ul#slider_2 {
max-width:100% !important;
width:100% !important;
}

.home .x-container.max.width.offset {
width: 100%;
}

For This :

`.slider_2 .huge-it-wrap,
.slider_2,
ul#slider_2 {
max-width:100% !important;
width:100% !important;
}

.x-container.max.width.offset {
width: 100%;
}`

Hope it helps

Joao

[anncox1289Participant]

here is an image of the inconsistencies within the landing pages and sliders.

please look at the code you gave me above and kindly offer me a solution.

[LelyModerator]

Hi There,

It is not coming from the slider. The space above the slider is coming from renew setting. Please use this custom CSS instead:

.x-container.offset {
    margin-top: 0 !important;
}

Hope this helps.

[anncox1289Participant]

it is still not working. please see image for reference and please have someone give me a solution–i am losing a lot of time due to this issue and the lack of solutions.

[JoaoModerator]

Hi There

On the pages where your slider is not fullwidth you need to do the following.

Click Edit Page on WordPress Top Admin Bar

Once you are on WordPress backend editor > Under the blue update button > page attributes > page templates> select:

Blank No Container Header Footer

Hope it helps

Joao

[anncox1289Participant]

i’m sorry this did not work.

please give me another answer.

[anncox1289Participant]

it seems to be working now. thank you for the that fix.

[Rue NelModerator]

Hey There,

You’re welcome! We are just glad we were able to help you out.
Thanks for letting us know that it has worked for you.

Cheers.

[Author]

Posts