I had thought that if I used the same padding at the top of a text stack as the padding at the bottom, it would have the effect of centralising the text vertically. However this doesn’t seem to be happening. Please see the footer on www.monicawmusic.co.uk which uses the YourHead Text stack inside the Joe Workman Fit Text stack. The padding of the YourHead stack is set to Top 20, Bottom 20.
Have I misunderstood padding? Is there a better way to do this?
Sorry if this is a dumb question. Novice!!
The problem your having is the paragraph (text stack) uses the sitewide bottom margin of 1.25rem. Your padding is being applied the way you described, around the <p> paragraph. How did you add the text to the text-stack? I did not think it put paragraph tags around the text. Not sure I don’t use styled text much, but get rid of the paragraph tags and you should be ok.
Thanks Doug,
The YourHead Text stack doesn’t allow control over
settings. see attachment.
Interested that you don’t use styled text. What would you use instead?
D
I can’t read your screen print (too small for me). I would use something like ParagraphPro from Big White Duck.
I would get rid of the text fit stack. use the paragraphPro settings to center your text and remove the bottom margin.
https://www.bigwhiteduck.com/stacks/paragraphpro/
Big White Duck’s stacks are free, but if you like it you should donate.
Thanks Doug. Really useful information.
D
This topic was automatically closed 6 days after the last reply. New replies are no longer allowed.