How can I replace Page Title with an Image

Shopify Discussion
1

Instead of having the page title be text is there any way I can insert an image in the same spot. I want to put the brand logo at the top of the page instead of having it in text. Using Enterprise theme. https://stereomaxelectronics.com/pages/jensen

Jensen page logo question.png
Jensen page logo question.png1305×547 37.6 KB

2

Hi @AndrewG123

Do you mean like this?

Made4uoRibe_0-1725045996109.png
Made4uoRibe_0-1725045996109.png1780×802 81.3 KB

If it is, check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

h1.page__title.lg\:mt-8.text-center {
    position: relative; 
    color: white;
}

h1.page__title.lg\:mt-8.text-center:before {
    content: url('https://stereomaxelectronics.com/cdn/shop/files/65e7b5d4c7dc32141b5e73b4.gif?v=1724685147&width=266');
    position: absolute;
    left: 50%; 
    top: 0; 
    transform: translateX(-50%);
}

And Save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

3

Yes I want a logo like this but on this website there are many brands that we sell. I have about 30 different pages that will each have different logos on them. for the one i linked I want the Jensen Logo right there. I have the logos I just need to know how to put them in on each page.

4

I understand that you want different logos for various collection pages, with around 30 pages each featuring a unique logo. Since integrating these manually can be complex and time-consuming, it would be best to involve a developer to handle this efficiently.