Bookmark card image shift

Developer help
1

Hi,

Could someone please help me understand why this image shifts to the left on the page?

When the title is long enough the image stays in the right place, when I reduce the image title length the image gets pulled across the page.

Is this something controlled from the kg.css file where the kg-bookmark-card sits?

With long title:

image
image1440×328 77.1 KB

With short title:

image
image1440×282 82.4 KB

Many thanks in advance.

2

I’ll take a peek if you want to post a link to the offending page…

3

https://www.eurofreebets.co.uk/euro-2020-free-bets/

Thanks for taking a look.

4

Apologies denvergeeks, just realised I left the old post / bookmark up with the long title so it doesn’t look like there’s an error.

I’ve reloaded the page with the shortened title in the post and the bookmark card now has the altered image.

If you wouldn’t mind taking a look that would be greatly appreciated.

Thanks

5

Try this…

.kg-bookmark-content {
    overflow: hidden;
    padding: 25px;
    width: 60%;
}

.kg-bookmark-thumbnail {
    position: relative;
    flex-shrink: 0;
    margin-left: 20px;
    width: 40%;
}
6

Hi denvergeeks,

I tried your suggestion in both the kg.css file and in the code injection on the page, but unfortunately it hasn’t worked.

I can paste in the full kg.css file if you think that would help? (I can’t see an option to attach files on the forum).

Again, appreciate all your help on this.

Thanks.