bold letter subject

  • Resolved ronen

    (@ronen)


    18 years, 7 months ago

    I want to alter my wordpress site so that I can bold a specific letter in the subject line of a post, also in category names and author names.

    I have NO CLUE how to do this.

    In theory, I should imagine it will have to do with telling wordpress to replace and inputted capitalized letter with a lowercase bold version of that letter. I know there’s a way to do this with the first letter of a post, I just need to find a way to control it (ie do it with caps, which I’m otherwise not using.)

    Any help would be appreciated. (I was advised the Podz might be able to help me).

    Here is a link to my wordpress site (http://cinemalog.net/blog)
    and my original designed HTML site, whose look I am desperately and incompetently trying to emulate
    (http://cinemalog.net/videolog.html)

    thanks to all

Viewing 14 replies - 1 through 14 (of 14 total)
  • Mark (podz)

    (@podz)

    18 years, 7 months ago

    CSS can be used to style the first letter and as far as I know, no others automatically.

    You could not type billgates and expect CSS to be able to produce BillGates
    Certainly that is not in current css an I have no idea if it would be supported in CSS3

    I’d suggest you look around some of the CS specialist sites for ideas.

    Thread Starter ronen

    (@ronen)

    18 years, 7 months ago

    Could I type BillGates and set it to type billgates

    (with the b and the g bold)?

    Any ideas given comparison between html site and wordpress site? thanks for the advice

    Mark (podz)

    (@podz)

    18 years, 7 months ago

    The only way I see that it can work is for you to define two classes, and set the appearance for the first letter then run the words together:

    <p class=”ronen”>Bill<p class=”ronen”>Gates

    .ronen {
    text-transform:lowercase;
    display:inline;
    font-weight:bold;
    }

    Or something like that. (I’ve not had a coffee yet so brain no work 🙂 )

    Les Bessant

    (@lesbessant)

    18 years, 7 months ago

    Errr, <span class="ronen">Bill</span><span class="ronen">Gates</span> might be better.

    (I’ve had one coffee, and my brain might start working soon)

    Mark (podz)

    (@podz)

    18 years, 7 months ago

    Definitely better 🙂

    Mark (podz)

    (@podz)

    18 years, 7 months ago

    .ronen {
    text-transform:lowercase;
    display:inline;
    first-letter:bold;
    }

    Thread Starter ronen

    (@ronen)

    18 years, 7 months ago

    waitasec —- so that’s what i should enter for my first and last names? and howabout getting multiple letters to bold?

    for an example of what im trying to do, see
    cinemalog.net/ontherun.html
    and my demo
    cinemalog/net/blog
    for the current wordpress/

    Where would i paste aformentioned text?

    Thread Starter ronen

    (@ronen)

    18 years, 7 months ago

    Also- is there a way for me to see a live update of what the blog page looks like as i alter the code, rather than having to upload it and reload it from the server?

    Thanks for all your help

    Thread Starter ronen

    (@ronen)

    18 years, 7 months ago

    Let me qualify that — i want to apply this setting to the author names and subject names in the blog.

    Thread Starter ronen

    (@ronen)

    18 years, 7 months ago

    Right now, the code reads:

    <span class=”boldcap”><?php the_author_firstname(); ?></span><span class=”boldcap”><?php the_author_lastname(); ?></span>

    with the class ‘boldcap’ added to style.css, as directed.

    The text-transform to lowercase works (see Michael Chiert http://cinemalog.net/blog/?p=5) but the first-letter-bold does not.

    Any ideas why? (And here I thought we had it!)

    jalenack

    (@jalenack)

    18 years, 7 months ago

    Yes, because you’ve got the wrong way of referencing the first letter. Use this:

    .boldcap:first-letter {
    font-weight: bold;
    }

    It’s called a pseudo-element. Look it up 🙂

    Thread Starter ronen

    (@ronen)

    18 years, 7 months ago

    Groovy.

    Any ideas on how to get this working on the post subject list in the left menu?

    Thread Starter ronen

    (@ronen)

    18 years, 7 months ago

    Nope jalenack, doesn’t work.

    jalenack

    (@jalenack)

    18 years, 7 months ago

    Hey, that’s because the element you’re applying it to is not block-level. Use it on things like <p> and <div>, not <span> or <b>. You can make the <div> have display: inline, and then it will behave just like a <span>

    Have a look at this very informative page on pseudo-elements:
    http://www.w3schools.com/css/css_pseudo_elements.asp

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘bold letter subject’ is closed to new replies.

Tags