My website doesn't display italic type

  • ouchrush

    (@ouchrush)


    12 years, 7 months ago

    Hi all,

    I’m using the Muse theme developed by Grandpixel. My website is roaringisland.com and it doesn’t display italic type in the posts. Bold and underlining display normally. Can someone please check my website and tell me how to fix it?

    Much appreciated!
    Leon

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter ouchrush

    (@ouchrush)

    12 years, 7 months ago

    I found a solution but I had no idea why this occurred. If the path of the letters I want to make bold and italic is p » strong » em, then it works. But if it’s p » em » strong, then only bold effect will display. Can anyone tell me why?

    esmi

    (@esmi)

    12 years, 7 months ago

    Can you replicate the problem using the default Twenty Thirteen theme?

    WPyogi

    (@wpyogi)

    12 years, 7 months ago

    I’d guess that the CSS in your theme has “reset” the em tags to not display as italic.

    Thread Starter ouchrush

    (@ouchrush)

    12 years, 7 months ago

    My reset tags are the following:

    /* Tags */
    html, body, div, span, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; outline: 0; font: inherit; font-size: 100%; font-style: normal; vertical-align: baseline; background: transparent; }

    em { font-style: italic; } (I added this line after reading a post related to italic font problem. After I added it, if I want to make letters bold and italic, I have to make sure the path is p » strong » em. p » em » strong doesn’t work)

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    12 years, 7 months ago

    You could have other CSS that overrides resets.

    esmi

    (@esmi)

    12 years, 7 months ago

    Can you replicate the problem using the default Twenty Thirteen theme?

    Thread Starter ouchrush

    (@ouchrush)

    12 years, 7 months ago

    With the default Twenty Thirteen theme, it seems fine.

    esmi

    (@esmi)

    12 years, 7 months ago

    So the issue would appear to be in the Muse theme, yes? Try contacting the theme’s developer & asking about this.

    Thread Starter ouchrush

    (@ouchrush)

    12 years, 7 months ago

    Thanks. I just found that I have to make the font italic first, then make it bold. This way italic and bold will both display normally. Now I can tolerate this issue. I will still talk to the theme developer.

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘My website doesn't display italic type’ is closed to new replies.