Poster stack margins and social shares issues

RapidWeaver Classic
1

Hi there,
I’m loving using Poster Stack in my site here: https://www.gabriellevickeryillustration.com/
I have 2 questions:

  1. I’m trying to use the ‘feature’ post option, but the text is sitting too close to the image on the left hand side. What CSS can I use to shift the text over a little?
  2. The ‘social share’ icon that I have on each individual post doesn’t seem to work. Am I doing something wrong with this icon?
    Many thanks for your help on this.
2
  1. If you update to 1.11.5, I can give you a CSS for that.
  2. This first icon in the icon row is just for design. You are able to disable that in the prefs.
3

Hi Jannis, ok thanks so much I have now updated to 1.11.5.

Also I forgot to ask, when I share a particular post on Facebook, the graphic picture that Facebook shows is always the general open graph image. Is there any way for Facebook to pick up the photo that relates to the actual blog post instead?

4

Good having this documented:

5

Thanks Jannis, I’m reading through, but where exactly can I ‘define a separate preview image’ ?
Is it the bit that says ‘preview img url’?

6

Screenshot 4…

7

poster
poster600×776 73.3 KB
ok thanks, and what about in the ‘Cust. Metadata’ area which I don’t see on your screenshot unless I’m going mad. Which is always possible!

8

Forget the cust. metadata field. If you don’t know about it, you don’t need it :stuck_out_tongue_closed_eyes:

It was a request for one customer to add some additional information behind the metadata line (like date, category, author, cust. metadata).

And sorry, the screenshots might be a bit old and don’t reflect the current state of development :pensive:

9

That’s ok, thanks so much for getting back to me so quickly, that counts for A LOT! :-)))

You were kindly going to give me some CSS so that I can add some padding between the text and the photo on the featured item blog post?

10

Please try:

.poster-list-item-featured .poster-body {
    margin-left: 40px !important;
}
11

That’s a new class coming with the latest update :slight_smile:

12

That worked perfectly, thank you so much! :-)))

13

Jannis, sorry I forgot to ask, is there a way to disable the css just for mobiles so that viewing on a mobile doesn’t look a bit odd?

14

For example

@media(min-width:922px){
	.poster-list-item-featured .poster-body {
	    margin-left: 40px !important;
	}
}
15

That is perfect, thank you so much! :slight_smile: