- This topic has 13 replies, 2 voices, and was last updated 4 years, 10 months ago by
.
-
Posts
-
Hi, I was needing help with my sites title and tagline font. I wish to change the font, and possibly the color, but at the very least the font… Thank you for any help…
The page I need help with: http://goddessestemple.com
I just posted this on wordpress.org forum for services theme…
Site title:
#site-title a { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 30px; font-weight: bold; color: #fff; text-decoration: none; line-height: 40px; display: inline; }Tagline:
#site-description { font-size: 40px; font-weight: bold; color: #fff; text-align: center; text-transform: uppercase; padding: 205px 5% 10%; }Paste under Appearance > Customize > Custom CSS and edit as needed.
Let me know if you need more help. 🙂
Awesome! Thank you, will let you know… 🙂
One more question… Where would be a good place to see a list of accepted fonts for Services Theme? Thanks so much… 🙂
It doesn’t look like any of the fonts I am trying are working fully. It’s making slight changes, but I don’t think it is accepting any of them. Generally everything is staying the same…There are no limitations on fonts. Let me know exactly what font, and what kind of font you’re trying to implement.
So on the css code:
#site-title a {
font-family: “HelveticaNeue-Light”, “Helvetica Neue Light”, “Helvetica Neue”, Helvetica, Arial, “Lucida Grande”, sans-serif;
font-size: 30px;
font-weight: bold;
color: #fff;
text-decoration: none;
line-height: 40px;
display: inline;
}
I’m doing something like this:
#site-title a {
font-family: Sacramento;
font-size: 30px;
font-weight: bold;
color: #fff;
text-decoration: none;
line-height: 40px;
display: inline;
}
The current one I have tried. However I have tried probably 15 other ones from google fonts…
I’m wanting something kind of italic or cursive like, something more flowy… 😉Setting fonts like this will only work for web-safe fonts:
https://www.w3schools.com/cssref/css_websafe_fonts.asp
For Google Fonts, they must actually be integrated first under Appearance > Customize > Fonts.
Also, I just wanted to share the default CSS, but if you only wish to change the font, you’ll only need to add one style:
#site-title a { font-family: 'Sacramento'; }My next question then… I’m trying the fonts under customize section, I have created a list in the box that looks like this: Helvetica, Spirax, Cookie, Lobster, Sacramento,
I also tried them individual, but they don’t seem to be working. I still can’t use them.
This setting is for setting one Google font only.
If you would like to set all of them, add this to your custom CSS:
@import url('https://fonts.googleapis.com/css?family=Spirax'); @import url('https://fonts.googleapis.com/css?family=Cookie'); @import url('https://fonts.googleapis.com/css?family=Lobster'); @import url('https://fonts.googleapis.com/css?family=Sacramento');Then, whenever styling one of these fonts on an element, make sure to close in single quotes like so:
h1{font-family:'Sacramento'}Concerning Helvetica, you can just style it in without special integration as it’s a web-safe font.
I tried them one at a time in the fonts section under customize. Didn’t seem to do anything. Also, I just tried the copy and paste the css command above for all four of those fonts, and a notice came up saying it will crash my site. 🙂
This seems to be the problem I am having. I have researched it and nothing has worked so far. This is really the only extra thing I am wanting is the title font change. As far as I can tell right now. Thank you for your help as so far.
I just got it to work with putting Cookie in the customize “font” section, and having it on the first css command you gave me…
#site-title a {
font-family: ‘Cookie’;
font-size: 45px;
font-weight: bold;
color: #fff;
text-decoration: none;
line-height: 40px;
display: inline;
}
Seems I may not have tried the same font on both spots. Thanks for your help. This will work for me as I can play with it for the title. If you have anything else to add that may help. Not sure why the last set of commands didn’t work for me, but for now this is fine. 🙂Are you going to leave this post up to refer back to?
Happy you got it working. There are so many things that can go wrong. Sometimes, you did everything right, but it’s just something as simple as needing to clear the cache or refresh your browser.
Yes, I’d prefer to leave support topics for others to reference in the future, but will happily delete it for you as well if you like.
Alternatively, if you’d like access to private support over email, you can upgrade to ServicesPro for a one-time fee of $20.
I’m considering upgrading a little later after I get my site going more. I definitely like to leave the support topics up for others to use. I did leave you a positive five star review on wordpress.org for your “Services” theme… Thanks again… 🙂
I’m finally starting to understand css too… Something just clicked earlier…
- You must be logged in to reply to this topic.