Last update merged my posts

[Francesco]

Hi There,

since the last update all my post on the website are merged: in the main page the bottom post with the top post of the one below and in the all events page they merge in the middle. There is no space any more between posts they just look attached and this create confusion, can you please help?

Thanks

[George]

Hey @Francesco,

Sorry to hear about this!

I went to http://bristol2night.co.uk/events/ but unfortunately could not spot the problem you described…

Can you elaborate a bit more on the issue, and link specifically to a place on your site where it can be seen on the front-end of your site?

It might also help to share a screenshot of the issue – you can do so by uploading the screenshot to Imgur.com, Flickr.com, CloudUp.com, or any similar image-hosting site; then just share the links to those images here and I’ll take a look.

Thank you!
George

[Francesco]

This reply is private.

[George]

Thanks @Francesco – it seems like you’re mainly trying to add space between the top and bottom of posts in the main column grid. This can be achieved with CSS like this:


.type-tribe_events {
margin-bottom: 1em;
}


You can use any margin size you’d like there, but this should help!

🙂

— George

[Francesco]

Still not working…
Could you please help?

Screens:
http://bristol2night.co.uk/wp-content/uploads/2015/12/Screen-Shot-2015-12-20-at-17.08.59.png
http://bristol2night.co.uk/wp-content/uploads/2015/12/Screen-Shot-2015-12-20-at-17.09.25.png

[George]

Hey @Francesco,

I went to the events page and the bottom-spacing between events did, indeed, seem fixed when I checked it out.

If you mean that the space between the left or right edges of events are too close together, then this is because of your theme’s grid spacing, namely classname style rules like this one:


.col-sm-6 {
width: 50%;
}


That is coming from your theme and so unfortunately you will have to reach out to your theme developer for further styling assistance. Some CSS like this might help, for example:


.type-tribe_events.col-sm-6 {
max-width: 49% !important;
width: 49% !important;
margin-right: 1% !important;
}

I wish you the best of luck with your styling!

Cheers,
George

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts