[Resolved] Troubles with Spacing

[Sebastián]

Wowo Clearing cache worked and the code for the spacing too.

Again thank you so much!

Next time should I open a new topic or you prefer if I post here again?

[Tom]

New topic if it’s an unrelated issue 🙂

Thanks!

[Sebastián]

So I changed things a little bit since the last time we spoke and now im having troubles with the right sidebar spacing.

I want to reduce the distance between widgets.

Attachment: http://i.imgur.com/dR8GQht.png

Thanks!

[Leo]

Try changing the widget padding: https://docs.generatepress.com/article/widget-padding/

[Sebastián]

Yes it worked because it was my old configuration of the widget padding. BUT (http://i.imgur.com/pH2r4bq.png) I want the distance between content and header to be the same between right sidebar and header. So i want to “push” my right sidebar down a little bit. The content gives you an idea.

Hope i made myself clear.

[Leo]

Try this:

@media (min-width:769px) {
    .separate-containers .inside-right-sidebar {
        padding-top: 60px;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Sebastián]

It worked. Thank you so so so much! You guys are the best.

[Leo]

You’re very welcome. Glad we’ve been helpful 🙂

[Sebastián]

Hi im having a new problem with spacing (see attachment: http://i.imgur.com/DD9iS8k.png)

I would like to move the featured image a little bit to the top so i can fill the red circle space.

And also i would like to remove a little bit the spacing between the posts.

Thanks!

[Leo]

Can you link me to that page? I’m seeing a different layout here: http://www.mmarketingonline.com/blog/

[Sebastián]

Try now with http://www.mmarketingonline.com/blog/

[Leo]

Hmm they still don’t look like the same height to me. Maybe because of the caching plugin you are using.

From what I can see you can try this:
– Remove this CSS you’ve added:

.entry-content {
    margin-top: 5px;
}

– Add this CSS:

.post-image-below-header.post-image-aligned-left .post-image {
    margin-top: 0;
}

You can change the spacing between the posts in the customizer > Layout > Container > Content Padding.

Make sure you clear caching plugin everytime you make a change, or disable it for now when you are developing the site.

[Sebastián]

.post-image-below-header.post-image-aligned-left .post-image {
    margin-top: 0;
}

That moved the image too much close to the author and date and i want just a bit of separation. I tried putting 2px or something else but it didnt worked. Also i want to move the text at the same height. So I didn’t put the code at the time.

This is how it looks right now: http://i.imgur.com/P1tTgnq.png

I reduced the spacing between posts but just not enough and the customizer > Layout > Container > Content Padding it’s already at bottom 0. So I cant move it any more.

I want something like this: http://i.imgur.com/LYfnYtn.png
Maybe if we reduce the space between the author and the blog title? i don’t know.

Sorry if im being too meticulous and thanks for the help you are giving me!

[Leo]

Remove the CSS you’ve added for them before and try this:

.post-image-below-header.post-image-aligned-left .post-image,
.inside-article .entry-content {
    margin-top: 0;
}
.entry-header {
    margin-bottom: 10px;
}

As for the content padding, the bottom is 0 but top is currently set at 71px so try reducing that.

[Sebastián]

It worked thank you so much!

[Author]

Posts