Customized Logo Placement

Hi John,

Try adding a container block where you want to insert the title, and add a custom HTML block into the container, then add this HTML:

<p class="main-title" itemprop="headline">
	<a href="https://understand-culture.com/">Understand <br><span class="site-title-accent">Culture</span></a></p>

Set the container’s display to flex, justify-content to center, and link color to #515151.

You are welcome John 🙂

It looks like my code has an extra > in the end. Can you remove that?

Regarding the color issue, did you set the container’s link color to gray? I don’t see it being applied based on the front end result.

Let me know 🙂

Let’s try replacing the previous HTML with this new one:
<p class="main-title" itemprop="headline">Understand <br><span class="site-title-accent">Culture</span></p>

Let me know if this works!

Ok, now let’s flatten out the
logo so that it reads:

You can remove the <br> tag from the HTMl 🙂

You can set the font size at customizer > typography > typography manager > add new > custom selector, then enter .entry-content .main-title.

The space between the title and the search box is from the search box itself; we don’t have control over it.
https://app.screencast.com/Z53eufiLgP3Kx

You can try reaching out to the form provider or use this CSS to override the form’s default style:

.mwai-theme-i2inee-theme .mwai-conversation {
    padding-block: 0;
}

You are welcome   🙂