cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
Go to solution

How to fix my italics button that isn't working on our WordPress site?

HI,  so the Italics button isn't working on our wordpress site. It was used on old posts and now doesn't seem to be holding on old or new posts. it puts the HTML script (I am not sure I am using the right language) IE- <em> on the beginning and end of the phrases we are italicizing, but it doesn't actually italicize them when the post is up for public to see

 

I don't know if I am doing something wrong or if wordpress is having a meltdown. Can someone help?

1 ACCEPTED SOLUTION

@PonyClubYes, the problem is coming from the HTML/CSS of the theme.

 

The easiest way to fix would probably be to open /wp-content/themes/evolve/style.css in a plain text editor, find line 1146 and make the following change:

 

From this...

em, dfn, cite {
    font-style: italic;
}

To this...

em, dfn, cite {
    font-style: italic !important;
}

Add !important after italic but before the ;

View solution in original post

29 REPLIES 29
Helper VI

@PonyClub,

What browser and version are you using?

~Jan Mykhail Hasselbring Web Administrator @ fullstackwebsolution.com

@JHasselbring Using Google Chrome and the latest version- 4.7.3? I just checked and there weren't any updates... 

its version 4.7.3

@PonyClub

That can't be right... I'm on version 56.0.2924.87

 

Anyway, the reason I'm asking is because em is a relatively new tag... Check this out

http://caniuse.com/#search=emphasis-style

But the thing is, HTML tags typically fall back gracefully.  Are you using a plugin editor?

Also, do you see this as italics?

~Jan Mykhail Hasselbring Web Administrator @ fullstackwebsolution.com

@JHasselbring

Oh, my, we just went way over my head

I guess what I posted is the version of the theme we are using on wordpress? Maybe?

I don't really understand the link

Yes, I could see what you typed in italics

 

I just tried to add a screenshot of what I am seeing and it doesn't want to load. 

 

the italics button on the top of our posts puts in the <em> on the beginning and end of the phrase we want it to go on. When I think click "publish" the phrase shows, but not italicized. It used to, I don't know what changed. 

@PonyClub,

 

Did you change anything regarding themes? Plugins?  javascript

~Jan Mykhail Hasselbring Web Administrator @ fullstackwebsolution.com

@JHasselbring

Nope, using the same theme and plugins as we always have. The only recent (which was about 3 months ago or less) was that we switched to GoDaddy to host our site. 

 

@PonyClub,

 

Hmmmm... in that case, I have no clue.

~Jan Mykhail Hasselbring Web Administrator @ fullstackwebsolution.com
Retired
Not applicable

Hi @PonyClub,

  • for a font to be displayed, it needs to be also on the device viewing it. 
  • Try a different font. 
  • So uncommon fonts will be more troublesome. 
  • Make sure the font is available in italics. Some are not and this may be a surprise to most folk. 
  • The <em> tag is for emphasise, and oblique text rather than italicised. 
  • If you can use the <I> tags for italics. 
  • You can also use <b> tags for bold or simply place the emphasis within single quotes or a different color. 

@Retired,


 

@rammsteinium wrote:

Hi @PonyClub,

  • for a font to be displayed, it needs to be also on the device viewing it. 
  • Try a different font. 
  • So uncommon fonts will be more troublesome. 
  • Make sure the font is available in italics. Some are not and this may be a surprise to most folk. 
  • The <em> tag is for emphasise, and oblique text rather than italicised. 
  • If you can use the <I> tags for italics. 
  • You can also use <b> tags for bold or simply place the emphasis within single quotes or a different color. 

Yeah but for some reason, this forum and some WP uses em for italics... try making your fonts italics on Ritch text then switch to HTML

~Jan Mykhail Hasselbring Web Administrator @ fullstackwebsolution.com

@PonyClubI wanted to add that <em> defaults to italics but CSS can override the styling.

 

In addition to font compatibility, there are a few other things it can be.  If you could provide the URL for troubleshooting.

@Nate The URL is blog.ponyclub.org. Not sure that will help. You will just see the posts as they are, in plain text. 

Something about a recent change (must've been in one of the updates of the "theme" maybe in our wordpress site) took the italics from ALL of the posts (even the ones already posted that had italics in them) and now won't let us put italics in them at all.

At the top of the "edit post" page there is a row of boxes with "code" you can add to a post to make it bold or italicised or add a link, etc. All the rest work except the italics "button". It puts the code at the beginning and end of the phrase we want italicised, but when you click "preview" or even "post" on the blog you have written, the code does nothing. I was trying to get community help before I contacted Go Daddy. 

I have had our IT people here look and they can't figure out why either. They feel it isn't coming from us, its coming from something from Go Daddy or WP.

 

Lets also add, I am a novice when it comes to ANYTHING to do with "code" or css or HTML or any of the above. Part of my job is just to put the posts on our wordpress site and then get them to go live for our members to read. I have not been trained to "change stuff to rich text" or the like, and am lucky I understand that the <em> code is what WP uses to put a phrase in italics. The reason I share this is because I'll need things explained in "non-computer literate" speak, similar to when you go to the doctor and they start using "doctor speak" and you look at them like they have grown 4-heads....

 

Thank you all for continuing to give suggestions..

 

 

Strangely,

I just tried replacing the <em> with an <i> and it worked, but if you still click on the little button at the top of the page (for italics) it puts the <em> at the beginning and end of the phrase

 

So, for now, I will replace it and use it that way, but I guess someone at GoDaddy or Wp? should know that button is broken (or I am doing it wrong), but I promise the little square button with the italicized "i" in it used to make stuff italicized...

 

 

Retired
Not applicable

Hey @PonyClub

'strangely' I was right lol 😃

A little thanks would be nice though lol 😌.

 

@Retired

Thank you, you were right. However, that doesn't fix the issue, the button doesn't work. The button used to work just fine, and while I can now use that <i> , its really going to suck going back through over 300 posts and changing that little bit, especially since it used to work.

So, while that was a quick fix, its not fixing the issue. 

Lol @Retired, nobody doubted your html tag proficiency.   It's just some WYSIWYG editors ue EM for italics(strange? I know).

@PonyClub, do you use a custom editor plugin?

~Jan Mykhail Hasselbring Web Administrator @ fullstackwebsolution.com

@JHasselbring

Not that I know of. The only plugins we have added are one for statistics and one to put ads in our posts. 

@PonyClub,

 I can't speak for WP editor but when I create an editor like this, it has these major parts:

-Text box that holds the raw data that is added by user and the tags that are added by the editor(the italics button etc)

-Parser that reads and process the data before storing to the database or before being rendered.

- Data base that stores the data, either raw or processed.

-Renderer, similar to parser, that processes the data before showing it on the browser.

Your parser and renderer needs to agree on how to process the data.

Would updating your WP break your site?  If not, I recommend doing that.  

~Jan Mykhail Hasselbring Web Administrator @ fullstackwebsolution.com

@PonyClubYes, the problem is coming from the HTML/CSS of the theme.

 

The easiest way to fix would probably be to open /wp-content/themes/evolve/style.css in a plain text editor, find line 1146 and make the following change:

 

From this...

em, dfn, cite {
    font-style: italic;
}

To this...

em, dfn, cite {
    font-style: italic !important;
}

Add !important after italic but before the ;

View solution in original post

Super User II

Here is an article on editing files with WordPress.

https://codex.wordpress.org/Editing_Files