[Resolved] Styling site name

[Hasan]

Hi,

I want to format the site name like the following image – a background color for the first three letters: https://prnt.sc/vc3c6o

Please suggest how to achieve that.

Thanks!

[Leo]

Hi there,

– Create a new Hook element:
https://docs.generatepress.com/article/hooks-element-overview/

– Copy and paste this content:

<div class="site-branding">
    <p class="main-title" itemprop="headline">
        <a href="https://SITE-URL-HERE/" rel="home">
	    <span style="background-color: #efefef;">BTA</span> Holidays
	</a>
    </p>
</div>

– Choose the generate_before_header_content hook.

– Set it to display the entire site.

Let me know if this helps 🙂

[Hasan]

Awesome! Thanks!! 🙂

[Leo]

No problem 🙂

[Author]

Posts