Archived topic
Troubles with Spacing
42 replies · Started by Sebastián on April 4, 2017
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?
New topic if it's an unrelated issue :)
Thanks!
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!
Try changing the widget padding: https://docs.generatepress.com/article/widget-padding/
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.
Try this:
@media (min-width:769px) {
.separate-containers .inside-right-sidebar {
padding-top: 60px;
}
}
Adding CSS: https://docs.generatepress.com/article/adding-css/
It worked. Thank you so so so much! You guys are the best.
You're very welcome. Glad we've been helpful :)
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!
Can you link me to that page? I'm seeing a different layout here: http://www.mmarketingonline.com/blog/
Try now with http://www.mmarketingonline.com/blog/
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.
.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!
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.
It worked thank you so much!