Archived topic

How to add negative margin to the top of post container?

5 replies · Started by Shami on October 20, 2020

Viewing posts 1–6 of 6

October 20, 2020 at 11:34 pm #1497904

I want my post container a little on top of the hero header element.
Just like this:
https://drive.google.com/file/d/120hzcoa7CAmMujwCEpAKnzTFT9ZwTThV/view?usp=sharing
How do I achieve that?

October 21, 2020 at 3:21 am #1498106

Hi there,

try this CSS:

@media(min-width: 1080px) {
    .single-post .page-hero + #page {
        margin-top: -50px;
    }
}

October 21, 2020 at 3:54 am #1498141

Thanks. It's looking good.
But it's not working on the pages. Only working on the singleposts.

October 21, 2020 at 4:11 am #1498156

Change this line:

.single-post .page-hero + #page {

to:

body:not(.archive) .page-hero + #page {

October 21, 2020 at 10:11 am #1498733

I want to add border radius of 12px only to the post and page containers.

October 21, 2020 at 10:55 am #1498769

Can you open a new topic for the separate question?

I'll mark this one as resolved.

Thanks!

This archived topic is closed to new replies.