[saransons]

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

[Zed]

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 check the available documentation and search the forums before starting a topic.

[saransons]

Many thanks for the response… the site link:

DT Bob

Website: dtbob.com

[Zed]

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 check the available documentation and search the forums before starting a topic.

[saransons]

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

[Author]

Posts