@bigfisher you seem to have multiple elements with no line height which causes this issue. The particular code you need to edit is “body, button, input, select, textarea” which currently has the line height 0.1em, if you change this to 20px you should see that the line height increases and it looks much more presentable.
Head to style.css which is within your themes root folder to edit this code.
it must be this code but what should I change here?
/* =Global
———————————————– */
body,
button,
input,
select,
textarea {
background-color: #ece8de;
color: #46433a;
font-family: Arial;
font-size: 14px;
font-size: 1.6rem;
line-height: 0.1em;
}
@bigfisher
Give this a whirl
body,
button,
input,
select,
textarea {
background-color: #ece8de;
color: #46433a;
font-family: Arial;
font-size: 14px;
font-size: 1.6rem;
line-height: 20px;}
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Yikes… You’re not about to edit the theme’s files are you?
uuh, thanks man you´re the best 🙂
now the biography site look perfect but if you look at the home page there is too much line height or space between the lines how can I fix this???
@bigfisher if you have a dig around the code, find out which element holds this text and apply some styling, have a play around with the line-height to what suits you best
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Do not modify the theme’s files.
Modifications to theme files will;
- Compromise the theme,
- Be compromised when the theme updates,
- Make difficult debugging processes.
Some servers automatically update themes when updates are available.
CSS-only modifications should be implemented using a Custom CSS option of the dashboard, E.g through the Jetpack plugin‘s Custom CSS functionality.
CSS and any other modifications should be implemented using a Child Theme.
It’s always a shame to see someone posting a year later saying, “I made loads of changes to my website and now they’re all gone!”.
