First Child Alternative code

[E_K]

Hello,

I have been given

body.home div.page-content > div.container:first-child{
width:100% !important;
padding-left: 0px !important;
padding-right: 0px !important;
}

previously.

Just wondering, if we can adjust this to second child, I mean second item not the first one.

I will be waiting forward to hearing from you.

[Kyle – SUPPORT]

Hi

Yes of course, change it to:

body.home div.page-content > div.container:nth-child(2){
width:100% !important;
padding-left: 0px !important;
padding-right: 0px !important;
}

– Kyle

[E_K]

Hi Kyle,

Hope you are fine.

Well, let me explain briefly.

Previously div content was the first item on the page. Afterwords, I added blank space asset from page builder to top of the page.

As you know, first child code became invalid. I used the code you provided. It does not work.

Can you please check if it is the right code or I do something wrong?

Many thanks in advance.
Emre

[Kyle – SUPPORT]

This should work:

.home .inner-page-wrap .page-content > .container:nth-child(2) {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

– Kyle

[Mohammad – SUPPORT]

Hi,
Please try to use this custom css code:

body.home div.page-content  div.container:nth-child(2){
width:100% !important;
padding-left: 0px !important;
padding-right: 0px !important;
}

Hope that should work and let me know your feedback.
Thanks 🙂
With Best Regards
Swift Ideas

[E_K]

Hello,

Both codes are working fine.

Thanks Kyle and Mohammad.

Enjoy!

[Kyle – SUPPORT]

Great! No problem

– Kyle