How do I change top/bottom padding for one section of an index (7.0-Brine, Nueva)?

Site URL: https://www.octantacademics.com/homepage-draft-iii

Without changing the padding for the rest of the webpage, I would like to make the top/bottom padding for the 'Our Approach' section (URL provided) consistent with that of the 'Who We Are' and 'Newsletter' sections. The latter two sections have background images that are simply the colors you see. I am assuming the solution will require a CSS code injection for this specific page section, but I do not know what code to use. Any help is appreciated!

Add to Home > Design > Custom CSS

section#home6 .Index-page-content {
    padding-top: 40px;
    padding-bottom: 40px;
}

On mobile, banner image is not fullsize. Do you want to adjust it?

@tuanphan I want to so a similar thing with this red banner section using the Pacifico template, but all my attempts aren't working. I want the entire index section to be that red you see.

Any suggestions? 

19 hours ago, hannah3 said:

@tuanphan I want to so a similar thing with this red banner section using the Pacifico template, but all my attempts aren't working. I want the entire index section to be that red you see.

Any suggestions? 

 

 

Try this code

.Index-page-content {
    padding-top: 40px;
    padding-bottom: 40px;
}

Thanks @tuanphan! What about having the background code go all the way across the page? The padding doesn't work for me on that. 

On 5/28/2022 at 3:53 AM, hannah3 said:

Thanks @tuanphan! What about having the background code go all the way across the page? The padding doesn't work for me on that. 

Which page doesn't work? Try this code

.Index-page-content {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

@tuanphan That worked for the top to bottom, but now it won't go across the entire width of the page. And when I try to do the same padding code for left and right it doesn't quite work. I'm working in an Index 7.0 site if that makes any difference. 

14 hours ago, hannah3 said:

@tuanphan That worked for the top to bottom, but now it won't go across the entire width of the page. And when I try to do the same padding code for left and right it doesn't quite work. I'm working in an Index 7.0 site if that makes any difference. 

Can you share page url? We can check easier