Custom coding help

[britttay13]

I need section 1 including nav bar all the way edge to edge to be the same color as the uploaded background image (I have hex codes). These are uploaded pngs into the body with a custom page template only. I cannot edit the main theme, only this page.

Section 2 would then need to be another background color edge to edge, and then the remainder will be a white background to the footer.

These "sections" are only separated as 3 pngs uploaded, not sections in the page, so we need the code to correspond to the size of the uploaded png and extend to full width.

Not able to share the site publicly.

I need custom coding to input. Anyone able to help?

[LuffyOnePiece]

Hi @britttay13 ,

Sure, I can help with that. You'll need to use CSS to achieve the desired layout and styling. You'll want to target the specific sections using their class or ID and then apply the appropriate background colors. Additionally, you may need to adjust the width of these sections to ensure they span the full width of the viewport. Let me know if you need further guidance on the specifics of the CSS code.

Let me know if you need help.

Best Regards,
Sandeep

[britttay13]

Below is the code for the entire page. I only removed the img src links. I need each image to push 100% to the edges. I also need the nav bar to match the background of the first image.


<br> html, body {<br> height: 100%;<br> width: 100%;<br> margin: 0;<br> padding: 0;<br> background-color: #617217;<br> }<br>

data-mce-fragment="1"
src=
alt=""
width="100%"
height="100%"
data-mce-src=
>

<br> html, body {<br> height: 100%;<br> margin: 0;<br> padding: 0;<br> }<br>

alt=""
width="100%"
height="100%"
src=
>

<br> html, body {<br> height: 100%;<br> margin: 0;<br> padding: 0;<br> }<br><br> /* Additional styles for your content */<br> .content {<br> background-color: #FFFFFF;<br> height: 100%; /* This will make the content fill the available height */<br> }<br>

data-mce-fragment="1"
alt=""
width="100%"
height="100%"
src=
data-mce-src=
>