Jump to content

Hide Header Logo In Order To Use In Checkout Page

Recommended Posts

Site URL: https://www.together-store.com/clothing

Hello!

I'm attempting to figure out how to use an img logo in my checkout page while still retaining the live-text title on my main website header. 

I prefer straight up live-text title instead of an img logo but, unfortunately, this means the checkout page has a crummy looking font for the title.

Would a solve be to hide the uploaded img logo in CSS so only the title shows? Thus allowing me to select the 'use logo' field in the checkout customization page?

I've tried a few things to no avail. Any insight or help would be greatly appreciated. Thank you!!

Erik

Website: https://www.together-store.com/clothing

Password: welcome

Edited by ehamline
Updated Website Link
Link to comment
2 hours ago, ehamline said:

Site URL: https://burgundy-tetra-8dp5.squarespace.com/

Hello!

I'm attempting to figure out how to use an img logo in my checkout page while still retaining the live-text title on my main website header. 

I prefer straight up live-text title instead of an img logo but, unfortunately, this means the checkout page has a crummy looking font for the title.

Would a solve be to hide the uploaded img logo in CSS so only the title shows? Thus allowing me to select the 'use logo' field in the checkout customization page?

I've tried a few things to no avail. Any insight or help would be greatly appreciated. Thank you!!

Erik

 

Website: burgundy-tetra-8dp5.squarespace.com

Password: welcome

Checkout page can not be editted using css or javascript 

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
16 hours ago, bangank36 said:

Checkout page can not be editted using css or javascript 

Thank you @bangank36 - I understand the Checkout cannot be edited. I am wondering if we can just hide the uploaded img logo on the main website leaving the h2 Title in its place. 

I believe this would allow me to be able to use an img logo on the Checkout page while still retaining an h2 Title on the website. 

Hope this makes sense. Much appreciated! 

Link to comment

@ehamline to add logo on main pages only, add this to Design > Custom CSS

a#site-title:before {
    background-image: url(https://cdn.pixabay.com/photo/2021/10/14/15/11/cathedral-6709412__480.jpg);
    display: block;
    width: 100px;
    height: 70px;
    background-size: cover;
    background-position: center center;
    content: "";
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.