Ashley13 Posted January 12, 2021 Share Posted January 12, 2021 Site URL: https://www.marlacinilia.com/home-option-2 I am trying apply a spilt screen layout the first section of my homepage with CSS. I am using the following code but the change has now been applied to my footer as well. I do not want this. Can anyone advise how to ensure the change is only applied to the first section? <style>.page-section:nth-child(1){background-color:#4D5C42!important;} @media only screen and (min-width: 768px){ .page-section:nth-child(1) .section-background {width:50%!important; margin-left:50%!important}}<style> Link to comment
tuanphan Posted January 15, 2021 Share Posted January 15, 2021 .page-section:nth-child(1) >>> #page .page-section:nth-child(1) .page-section:nth-child(1) .section-background >>> #page .page-section:nth-child(1) .section-background Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment