Jump to content

CSS help with product page / details styling

Recommended Posts

Site URL: https://www.ourania.co.uk/

Hi, I am currently working on the 'Minerals' section on my website. I would really appreciate some CSS guidance on a few of my issues below:

1. How do I change my product page 'categories type bar' at the top to match the rest of my typewriter font? 

2. When you click on a product details page - my logo is white and not visible - is there a way of adding a background image to the header for that page? 

Thanks very much in advance! 

ps. Site: Ourania.co.uk

Password: crystal

Edited by El1z4b3th
Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Q1. Can you share link to exact page? We don't see...

Q2. Add to Home > Design > Custom CSS

/* Product header color */
.collection-type-products.view-item header#header {
    background: #f1f4f5 !important;


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.