Please help! Text layout shifts after padding

I am totally new to WordPress. Learning a lot. Still there is much more to learn ??

I would like the tekst layout on the site for my wife https://www.frisseblikopvitaliteit.nl with more space around it. To achieve this I made the following padding adjustment in the stylesheet of my spacious template. The default for padding was 0.

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0 25px 0 25px;
vertical-align: baseline;
}

After this adjustment, the layout of the text is sloppy. Every paragraph suddenly starts with a couple of spaces and in the text extra spacing appears. Especially aroud the hyperlinks. You can see it happening here

Please help me! Is there any other way to make my page look nice? Or something I can do to get rid of these spaces? Please help! I want the website to go live because it’s my wifes’new business!
Thank you so much for your advice!

• This topic was modified 7 years, 6 months ago by jero3nr.