dean1

9 hours ago, tuanphan said:

The code should work. See here: https://www.loom.com/share/0f2bcabc28d4400796f3f859d166ada4

Can you take a quick video how did you add the code?

 

Okay we got it! We had font codes in there and that was causing the code to not work.

But now we want to know how to adjust the focus of that image if that's possible? Specifically on the mobile site. We want the graphic to be the focus on the mobile site at the top:

On 12/24/2020 at 2:29 AM, tuanphan said:

Add this code to Home > Design > Custom CSS. Replace beaverhero with your banner image url.

/* Add a banner */
body.homepage div#siteWrapper:before {
    content: "";
    background-image: url(https://beaverhero.com/wp-content/uploads/2020/11/work-5382501_640-min.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 500px;
}
/* Add sticky header */
header#header {
    position: sticky !important;
    top: 0;
}

 

Hi there,

We're trying to implement this CSS code on a website we're doing for a client. It doesn't seem to be doing anything...

We want an image ABOVE the navigation bar - when entering this code nothing happens. We replace the entire beaverhero http with our own (not sure we're doing that correctly though we have tried many many ways)

The site is currently password protected as it's not to be published until we finish designing it. 

https://tapestryministries.squarespace.com 

pwd: Tapestry2021