Italicize links in Ryu theme

  • Unknown's avatar
    mkmacphee · Member ·

    I would like to italicize the links in my blog.

    I’m using this code but it isn’t working.

    a.more-link {
    font-style:italic;
    }

    Thanks for your help.
    Kathie

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    hallluke · Member ·

    Hi Kathie. The code you’re using is working but it’s specifying that only the more links should be italic – you can see it in action on the “Continue reading →” link on the post titled “Anne Shirley on October”.

    If you want the links in your post and page text to be italic you should use the following too:

    .entry-content a {
  font-style:italic;
}
  • Unknown's avatar
    mkmacphee · Member ·

    Thanks! I had forgotten that I had asked for it in the “Continue Reading”.

  • Unknown's avatar
    mkmacphee · Member ·

    Another question about CSS – I changed the font size in Ryu theme but I notice that the blockquote still needs to be changed. What is the CSS for that?

    Thanks so much – you’re really helpful!

  • Unknown's avatar
    hallluke · Member ·

    Can you show me an example of where you’re using a blockquote element and it’s not the same size as your normal text? I tried testing it out in one of your posts and it should be exactly the same font size, just italic.

  • Unknown's avatar
    mkmacphee · Member ·

    Wow – quick response – thanks so much.

    Here’s an example – a quote from Little Women in this post:

    http://kathiemacphee.wordpress.com/2011/09/20/2011920kitchen-help-html/

  • Unknown's avatar
    hallluke · Member ·

    You are using a p (short for paragraph) tag inside the blockquote tag, which you don’t need to do, that is what is causing the size to get even bigger. Are you writing using the visual or text editor?

    If you’re using the visual editor you’re probably pressing return after you’ve started the quote, if you remove this it and re-save your post it should return to normal size. Failing that you can switch to the text editor and delete the surrounding p tags, the bits that look like this:

    <p> ... </p>

    Finally you can just fix it with this CSS, this might be easier as you won’t have to go back through all your posts to edit the quote sections. I thought it would be useful for you to understand what’s going on though.

    blockquote p {
  font-size:1em;
}
  • Unknown's avatar
    mkmacphee · Member ·

    I can’t find <p> inside the quote – just the tag.

    In the kitchen reigned confusion and despair. One edition of jelly was trickled from pot to pot, another lay upon the floor, and a third was burning gaily on the stove . . . The jelly was still in a hopelessly liquid state, while Meg, with her apron over her head, sat sobbing dismally.

    My understanding was that the unedited Ryu theme uses large text. I changed this in CSS but it didn’t apply to the blockquotes – so I have to change them in the same way I had to change the post titles.

    Anyway I’ll do the CSS and that should work for all my posts.

    Thanks again – very helpful!

  • Unknown's avatar
    mkmacphee · Member ·

    oops -that didn’t copy the way I thought it would – the only html was not <p>

  • Unknown's avatar
    hallluke · Member ·

    This might be something specific to your theme then, if the CSS fix works for you then we can leave it at that!

  • The topic ‘Italicize links in Ryu theme’ is closed to new replies.