Title Tagline Font and Color Change

Choices Forums Support Services Support Title Tagline Font and Color Change

This topic contains 13 replies, has 2 voices, and was last updated by  ServicesWP 1 year, 3 months ago.

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #254

    Anonymous

    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…

    #255

    ServicesWP
    Keymaster

    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. πŸ™‚

    #256

    Anonymous

    Awesome! Thank you, will let you know… πŸ™‚

    #257

    Anonymous

    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…

    #258

    ServicesWP
    Keymaster

    There are no limitations on fonts. Let me know exactly what font, and what kind of font you’re trying to implement.

    #259

    Anonymous

    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… πŸ˜‰

    #260

    ServicesWP
    Keymaster

    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';
    }
    #261

    Anonymous

    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.

    #262

    ServicesWP
    Keymaster

    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.

    #263

    Anonymous

    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.

    #264

    Anonymous

    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?

    #265

    ServicesWP
    Keymaster

    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.

    #266

    Anonymous

    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…

    #267

    ServicesWP
    Keymaster

    You’re welcome and thank you. Yeah, CSS is pretty cool, and you can style things up pretty easily once you get the hang of it. πŸ™‚

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.