How to place a link after every nth paragraph using css

[kwarr]

The situation: a page with hundreds of single-paragraph testimonials for a doctor.

The need: to put a ‘top of page’ link after every 5th paragraph

The problem: p:nth-of-type(5n):after { content:"xx"; } can only contain text, not a link

The question: is there a css solution to this? I’m not good at javascript!

Kip

[Paulie_D]

Nope…only JS can actually add actual content elements for you.

Plus…hundreds is waaaay too many….no-one will read that many. Try no more than 10….and even that seems excessive.

[kwarr]

Thanks, Paulie_D. I’ll struggle on with JS.

I agree it is too much but it is the doctor’s orders!

[Paulie_D]

Moved to JS section to see if anyone can assist.

[__]

You might use a “scroll-to-top script” instead of placing actual links. More user-friendly, IMO.

And, if you did want to use css only, you could just make one link and give it a fixed position.

[Author]

Posts