Entry boxes overlap background image

[alyndra]

I made my layer years ago but it's not something I usually do or know much about. There's just one little issue where the fancy squiggle in the top right corner is always encroached on a little bit by the entry text boxes. How can I fix this? I don't much care if the entries get a little narrower or the squiggle does, whichever's easier.

Thanks in advance! You can click my name to see what I'm talking about.

P.S. If I wanted the background image 'fixed' to stay in view as I scroll down, what would be the right code to use for that?

Comments

[suncat]

I'm only testing this idea in one browser (I use Firefox), and am not checking a lot of edge cases, so YMMV.

Go to the Customize Style section, for Custom CSS. You maybe have stuff there already, if you were working on your layer before. Try adding:

.two-columns #wrap {padding-right: 250px; }

[alyndra]

IT WORKS! Haha this is awesome, it's such a little thing but it's been niggling for YEARS! And I checked it on my phone, too, (Safari) and it works there... it works in Chrome and IE on my laptop and Chrome on my tablet! It DOES break (squishes all my entries to single-word columns) on my phone using Mini-Opera or Firefox Focus. But I'm still so excited to use it! Thank you!

[suncat]

I'm glad.

Not surprised that things are wonky on small phone screens. I don't have one of those to test with.

[mossgreen]

Hey - to fix your background pic in place, try adding this to the CSS box too:

#canvas {
background-attachment: fixed;
}

[alyndra]

Nope, didn't do it. Thanks though!

[mossgreen]

Oh what a shame; it fixed my background for me. Hope someone else can help you, then!

[momijizukamori]

Switch #canvas to #container and it should work - Sunday Morning has non-standard names for some of the elements.

[alyndra]

It does work now! Thank you!

[momijizukamori]

Awesome, glad to help :)