Retro-Fitted: blockquote

margaretrosestringer · Member · Mar 3, 2014 at 11:42 pm
Copy link

Add topic to favorites
I can’t work out how to add space before and after the border of a blockquote.
My currently leading post will show you what I mean …

The blog I need help with is: (visible only to logged in users)
anamelio · Member · Mar 4, 2014 at 9:06 am
Copy link
Try adding this to your CSS:
.wf-active blockquote { margin: 25px; }
margaretrosestringer · Member · Mar 4, 2014 at 9:10 am
Copy link
I said it wrong. Sorry. :-}
I should’ve written WITHIN THE BLOCKQUOTE.
Sighh … Beat me – go on. ;-)
margaretrosestringer · Member · Mar 4, 2014 at 9:11 am
Copy link
```
.wf-active blockquote {
margin: 25px;
}
```
I’m using ANYWAY! – thanks a lot!
anamelio · Member · Mar 4, 2014 at 9:24 am
Copy link
If you want to add spacing within the blockquote then add this to the previous line of CSS:
.wf-active blockquote {padding: 25px; }
margaretrosestringer · Member · Mar 4, 2014 at 5:12 pm
Copy link
C’est fait.
That worked – with a small extra action needed: I had to indent the text twice, so as to retain the big double quotes without their being over-written by the text! Che strano …
Thank you VERY MUCH, anamelio – your help is enormously appreciated!
margaretrosestringer · Member · Mar 5, 2014 at 5:28 pm
Copy link
Actually, this business of having to indent the text within the blockquote is rather annoying, as it has to be played with every time.
Some addition code to not only add the spacing within the bq’s frame, head and tail, so as to ensure the text doesn’t run over the nice big quotes mark? – that would be welcomed with shrieks of joy …
margaretrosestringer · Member · Mar 5, 2014 at 5:31 pm
Copy link
And this one (latest post) simply won’t move! I wish to all the gods there was some consistency …
So I really do need help with this, as what I thought was a simple workaround no longer exists.
I thank you in advance …
thesacredpath · Member · Mar 5, 2014 at 6:15 pm
Copy link
Remove this from your latest blockquote
style="padding-left:30px;"
and then modify the CSS to look like this:
```
.wf-active blockquote {
    margin: 25px;
    padding: 25px 25px 25px 80px;
}
```
That puts 80px of left padding. You can adjust as desired for the look you want.
margaretrosestringer · Member · Mar 5, 2014 at 6:25 pm
Copy link
Now THAT is PRECISELY what I want.
I’m off to tell the world that Rich Spees is a genius. See ya !
[grin]
Thank you.
thesacredpath · Member · Mar 5, 2014 at 6:41 pm
Copy link
You are welcome!

No items found.