Docs

[Daphne D]

1) I was setting up new fonts in the Customizer when the custom logo font froze. It lets me choose different fonts, but never looks different after updating. I unchecked the custom font box, saved, closed, and republished–but no change. Not sure how to fix this problem.

2) I use a lot of scripture in my blog and would love to have some custom CSS that would automatically convert all words in italics to a different font. Can you help with this?

Thanks!

http://www.mirrorministries.org
WP 4.1
X Renew (child)
Shortcode 2.6.1

[Daphne D]

UPDATE! My first question is solved. Apparently when you choose a font, if the “regular” tick is not checked, it won’t show the new font choice.

Still need CSS help with #2 🙂 thanks!

[Christian]

Hey Daphne,

Please add the code in your Appearance > Customize > Custom > CSS

.italic {
    font-style: italic;
}

Then, add italic class to whatever text you’d want to be italic.

Thanks.

[Daphne D]

Thank you for the help. I probably wasn’t clear on what I need…

Currently I can highlight text in posts and add italics easily. What I would like is for the “italicized text” to be a different font altogether from the body text (such as Cambria for italics and Lato for all else).

Is that possible?

Thanks again 🙂

[Darshana]

Hi there,

In that case, you will need to load a separate stylesheet for that with your own styles so that it will be available through the editor.

Add the following code into your Child Theme’s functions.php file.

function my_theme_add_editor_styles() {
    add_editor_style( 'custom-editor-style.css' );
}
add_action( 'init', 'my_theme_add_editor_styles' );

Now you can add your own styles into that CSS file and it will be applied to your visual editor mode when writing and publishing a post.

Hope that helps.

[Daphne D]

I understand adding the code to my child theme’s functions.php file, but not sure how to add my own styles into that CSS file? Do you have an article or video that explains how to?

thanks 🙂

[Darshana]

Hi there,

Sorry for the confusion. You can use a plugin like TinyMCE Advanced Professsional Formats and Styles to add your custom styles easily.

Or else please follow the following article for a another alternative step by step guide (http://www.wpbeginner.com/wp-tutorials/how-to-add-custom-styles-to-wordpress-visual-editor/).

Thanks!

[Daphne D]

gotcha! thanks!

[Friech]

Glad we could help, Cheers!

[Author]

Posts