CSS code for fonts

ivansteelpresents · Member · Apr 2, 2017 at 8:37 am
Copy link

Add topic to favorites
Hello,

Is there a CSS code to incorporate my heading font [Oswald] into my blog posts as well? I would like to use it for the interview questions only.

Thank you,

Ivan Steel

The blog I need help with is: (visible only to logged in users)
ivansteelpresents · Member · Apr 2, 2017 at 8:38 am
Copy link
Sorry as well as the paragraph before the interview too.
otpidusprime · Member · Apr 2, 2017 at 9:58 am
Copy link
Hi,
If you are familiar with CSS and HTML you can do that very easily.

Here what you can do,
White writing posts using the post editor, switch to the HTML tab. This will allow you to add custom classes to the post elements, such as your interview questions.

FOR EXAMPLE:
In one of you interviews titled “Chatback with Kara Lindsay”, the questions can be edited with the following custom HTML code:
<p class="question">You originated the role of Katherine Plumber in Disney’s Newsies. What was the journey like from tryouts to Broadway?</p>
Now just target the class .question using CSS to change the font to OSWALD like this:
```
p.question {
    font-family: 'Oswald', sans-serif;
}
```
This CSS will add the OSWALD font to every question in that post(provided you customize every question paragraph with .question class as shown above).
You can also change the font-size of the questions, like this:
```
p.question {
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
}
```
Hope this helps :)
ivansteelpresents · Member · Apr 2, 2017 at 9:08 pm
Copy link
Hello Otpidusprime!

Thank you for your reply! I followed your instructions, however, it doesn’t seem to work.

Just to clarify. On the post, I switch over to HTML and enter <p class=”question”> and </p> before & after the question.

Next, I go to the CSS in the customizer and add:

p.question {
font-family: ‘Oswald’, sans-serif;
}

Is there anything I’m missing?

Thank you,

Ivan
otpidusprime · Member · Apr 3, 2017 at 8:32 am
Copy link
I checked your site and saw that the interview questions are now using the font “Oswald” just like you wanted.

Is there anything i did not understand?

I suppose you are looking to change the paragraph fonts to Oswald as well? Right?
ivansteelpresents · Member · Apr 3, 2017 at 10:54 pm
Copy link
I figured it out. Thank you for your assistance!

Best,

Ivan
missjupp · Member · Apr 3, 2017 at 11:46 pm
Copy link
Hi everyone, I also have a font issue I hope someone can help me with.

Throughout my site I have used Lato for Headings and Open Sans normal size for the base font. However on my ‘Miss Jupp’ static home page the text is huge and I can’t see anywhere where I can change this?

If I need to do something to the CSS code I’ll need some super straight forward instructions. :) Thanks in advance for your help.

Missjupp.com
thesacredpath · Member · Apr 6, 2017 at 8:53 pm
Copy link
Hi @missjupp, given we have so many themes, and given that CSS is theme specific, it would be great if you could start new threads on your topic and we would be more than happy to help you out.

I do see that you have gotten this issue resolved though with some custom CSS.

No items found.