Can you have 2 letters in title accented?

  • Author
    Posts
  • #78653

    Saransons
    Power User

    When customising Fluida in… Header > Content > Title Accents.
    I can select which site title letter to highlight, but I would like the first 2 letters.
    The site is called DT Bob, so would like the DT to be accented.
    Any ideas please? Thanks

    #83478

    Zed
    Cryout Creations Team

    The styling responsible for the accent is only designed for one letter, but it should be extendible to two (or even more).
    The customization depends on the current site configuration so a link would be necessary.


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
    #83506

    Saransons
    Power User

    Many thanks for the response… the site link:

    DT Bob

    Website: dtbob.com

    #83559

    Zed
    Cryout Creations Team

    Try the following CSS:

    #site-title span a span:nth-child(1),
    #site-title span a span:nth-child(2), {
        background-color: #0085b2;
        color: #fff;
        width: 1.4em;
        margin-right: .1em;
        text-align: center;
        line-height: 1.4;
        font-weight: 300;
    }
    
    #site-title span a:hover span:nth-child(1),
    #site-title span a:hover span:nth-child(2) {
        background-color: #f45430;
    }

    If you change theme options which affect the title size or colors this styling will need adjusting as well (since it is based on the current options).


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
    #83577

    Saransons
    Power User

    Awesome! and I’ve made note to update the CSS to reflect any further changes.
    Many thanks 🙂

Viewing 5 posts - 1 through 5 (of 5 total)

You need to log in to reply to this topic.