Hi everyone. I added border radius to this code and made the bottom part as I wanted. But I can’t fix the top part. What codes should I add to make the upper part look just like the lower part? like : top-height-size: -30%; ? but this not working [Ekran görüntüsü 2024-03-30 143402] [Ekran görüntüsü 2024-03-30 143836] body:before { display: inline-block; border-radius: 15px; width: 1125px; min-height: 100%; height: inherit; background-color: #fff; content: " "; position: fixed; left: 50%; right: 0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); }

It’s ok, your English is good, but code can be tricky to talk about! Thank you for adding more details. I think the problem makes sense. Sometimes you can you use margin-top to add more space above. [image] But it does not work when you scroll! [image] This is because there is position: fixed in the body:before part, so it will alway stay in the same spot on the screen. Let’s change it to position: absolute instead. ‘Absolute’ lets us tell it how far from the sides we want the edges. We need to tell it to use body for the sides, so we need to add this code: body { position: relative; } (If you want to learn more about position, fixed, and absolute here here is a post with examples) Ok, let’s delete min-height: 100% from body:before, because we want it to be shorter than 100%. Now we can control where the top and bottom are! Let’s add top: 70px and bottom: 30px. (Top needs to be big enough to go past the header from the top of the screen). [image] Does that seem how you wanted? Let me know if it makes sense. :slight_smile:

I’m, sorry but it doesn’t seem clear what you need to do. Could you please add more details about: What specific part of the page you are trying to change. What change you are trying to make.

[newtop] The top part, I want to do it like this https://pvpfarm.com I want to add border radius like bottom(under) part All I want is to have some space at the top between it and the header. My English is bad, sorry. Thank you for help

You are amazing! Thank you for teaching me instead of giving me ready-made codes. :heart: @bryce

Body size / What code is required?

Development

bryce (Bryce Huhtala) March 30, 2024, 1:56pm 2

I’m, sorry but it doesn’t seem clear what you need to do. Could you please add more details about:

What specific part of the page you are trying to change.
What change you are trying to make.

Topic		Replies	Views
Help to remove top space above custom header - need CSS advice Product Support	2	873	November 24, 2016
Design Question: Change forum radial background dimensions Product Support	3	621	March 4, 2020
Add text below header Product Support	2	1483	March 16, 2019
Need help to custumize title header Product Support	4	770	June 13, 2018
Adding header in theme messes up topic progress bar (when docked) Product Support	8	1848	September 29, 2018

Body size / What code is required?

Related topics