Page title – is it possible to have one word a different colour and font family?

  • Unknown's avatar

    Hi, I’m very new to CSS and HTML so please reply as though you are speaking to a 3 year-old :)

    I am presently building a site with Radcliffe 2. The page titles are in a particular font (black) and I would like one word on each of the page titles to appear in red and in a different font, e.g. [red, Aladin] This [black, Lato for the next 3 words] is our website.

    Is this possible, and can I change it in the CSS editor at the bottom of the options in the Customise menu?

    Thank you in advance for your help :)
    JW

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

  • Hi there,

    CSS offers no way to target only the first word of a line of text. You’d need to be able to edit the HTML or to add JavaScript to your site, neither of which is possible on WordPress.com. A different font also won’t be possible on a WordPress.com site, as we don’t allow external fonts to be imported into your site’s style sheet.

    It might work if you added HTML in your page titles in the editor to single out the first word, but that’s not a good practice, can negatively affect your site’s SEO, and will turn the title into confusing gibberish for anyone using a screen reader to interact with your site.

    You will also need to be on our Premium or Business Plan to add custom CSS to your site.

  • Unknown's avatar

    Thank you so much for your reply – you’ve been very helpful.
    Best wishes,
    JW

  • JW, I wanted to clarify as well, the Aladin font here wouldn’t be doable without the business plan.

    But if it helps, CSS will let you select the first letter, so you could have something similar at least that way. There are some examples here, so if you’re interested we may be able to help with that. You would need Premium.

    Drop Caps

  • Unknown's avatar

    Thank you so much, Supernovia – what a great help, wow!
    Much appreciation to you and everyone who helps others on here <3
    JW

  • The topic ‘Page title – is it possible to have one word a different colour and font family?’ is closed to new replies.