Adding css background to header in Pro?

[WillWashington]

Hey so I am trying to plug in this background (CSS background) https://codepen.io/mrtrimble/pen/pEZJLY into a header on my website and was just wondering where exactly I would put the CSS code (into which section, the header? the container? etc for example) and also for the html code to make it appear they have just ‘div.stripes’ I’m sure I’ll need to add more code to this to have it appear as the background however 1) where do I add that code and 2) what is the code I need to add to use a CSS background like this in the header?

My site is easystartup.net I am using the Pro theme

Thank you guys

Just a guess? something like this?

$el { background-image: div.stripes
span
span
span
span
span
;}

[rad]

Hi William,

Thanks for reaching out.

That’s not currently possible as it requires multiple structure and not just CSS.

As content then possible, but to replace the current background structure, not yet possible.

Thanks!

[WillWashington]

As I see the hidden message here is I can manipulate it as a content section like a background? Do I need to set the Z index somehow on here? and then set the Z index higher for text to have the effect like a background?

Glad you cleared it up for me that it wasn’t possible I was super confused.

[rad]

Hi William,

Yes, as a content, you can add the HTML code within the text element, then apply -1 z-index to the row where the text is. Then apply absolute positioning to that row and make it fill the section, but that would require most CSS than just provided from that codepen URL. With that, I recommend contacting a developer for fitting and implementation of that custom background.

Thanks!