Please post the CSS you changed, and the modifications you made.
Thread Starter
dweeb
(@dweeb)
This is from the site
<!–/Customizer CSS–>
<style type=”text/css”>
#masthead { background-color: #ffffff; }
#content { background-color: #ffffff; }
.site-title a, .site-title a:visited { color: #555555; }
.entry-title a, .entry-title a:visited { color: #555555; }
.entry-meta a, .entry-meta a:visited { color: #555555; }
.main-navigation li a, li a:visited { color: #555555; }
.main-navigation li ul li a, .main-navigation li ul li a:visited { color: #eeeeee; }
.nav-links a { color: #555555; }
.cat-links a { color: #555555; }
body, button, input, select, textarea { color: #444444; }
.search-field { color: #444444; }
</style>
I changed the 555555 to 000000 – no changes. Didn’t even try to add anything like “font-weight:bold;” since that change didn’t work.
Thread Starter
dweeb
(@dweeb)
And oh, didn’t change all the 555555’s, just tried with a few one (mainly main-navigation) – even changed them to green and red to see if anything happened.. nope.
It’s hard for me to tell without access to the Web site, but this should be on line 479 of style.css:
.main-navigation li {
float: left;
position: relative;
padding: 5px 20px;
height: 35px;
}
I would try changing it to the following:
.main-navigation li {
float: left;
position: relative;
padding: 5px 20px;
height: 35px;
font-size: 30pt !important;
}
See what happens.
If it works, it would probably look better, if you set the weight, instead of the size:
.main-navigation li {
float: left;
position: relative;
padding: 5px 20px;
height: 35px;
font-weight: bold !important;
}
Thread Starter
dweeb
(@dweeb)
YES! The latter worked!
Thanks a million!
Thread Starter
dweeb
(@dweeb)
I have a nagging suspicion the text on the pages have changed into smaller font, although I can’t for the life of me see how that could’ve happened. Not much, but a bit. Like on the front page in the widget the first sentence is the original size but stuff after that is a smaller size.I didn’t make any changes to that..
I don’t see anything that looks off, but I am not familiar with the template you are using. If the template is inheriting styles, the change could affect other things.
You might have a syntax error in the code that you changed as well. Make sure the semicolons are correct, etc…
You can try undoing the change to confirm if the text actually changed.
The class you changed was pretty high up in the template, you also might want to try moving the change to the class on 486. It might work better.
.main-navigation a {
display: block;
text-decoration: none;
font-weight: bold !important;
}
Edit:
I don’t doubt that the template is acting strange, it appears that the template is broken. This code isn’t correct:
<div class="textwidget">Ajanvaraus hoitoihin mieluiten puhelimitse <br>0500 454512. <p><br>Sähköposti: liisa(at)liisakarkola.fi
<p><p>
Hoitohinnat 50 €/käynti
<p>
It also appears that there is a forward slash in the text: “€/käynti”, but I can’t tell because I don’t speak the language. If that is a forward slash, it might destroy the layout… HTML codes should be used instead.
Thread Starter
dweeb
(@dweeb)
I had actually had custom css for the body font and accidentally deleted it when I was fighting with this menu font. Put it back and now all body font looks fine 🙂
Thanks so much for help!
