Skip to main content

Forums

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #28316
    noahgelman
    Participant

    I want to change a widget title from instead of just one solid color, to the first word one color, and the rest of the text a second color by using a span. My css is like this.

    Code:
    h2 { color:#000;}
    h2 span { color:#B8530C;}

    I want to go from:

    Widget Title

    to

    Widget Title

    or

    Widget Title is Here

    Is there a way to do this? hopefully dynamically. If not, how would I go about this.

    #81407
    noahgelman
    Participant

    Wanted an update. Any have any ideas?

    #81441
    Will_Powered
    Member

    I can’t think of any way of stopping the WP filter from removing your html from widget titles without changing the wordpress source files.

    I think the best bet is to leave the title blank and add the h2 / h2 span in the template file above where the widget is being called.

    #81465
    betzster
    Participant

    This reply has been reported for inappropriate content.

    I’ve done this with jQuery. I used the example here as a starting point last time I wanted to do it. Let me know if you need more help than that.

    http://css-tricks.com/preventing-widows-in-post-titles/

    #81472
    noahgelman
    Participant

    Thank you. That was very helpful.

    #81473
    Will_Powered
    Member

    Smart!

    #119742
    Parker Bennett
    Participant

    I had this problem, too. The jQuery solution seems the way to go, but in my case I also experimented with using a pseudo :after element, which I could style differently. This only worked in my case because the :after element was not integral to the Widget Title; it was simply a graphic embellishment.

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.