Jump to content

Can someone help me with some CSS?

Recommended Posts

Site URL: http://mikeyscriven.com

Hello, fellow squarespace users.

My name is Mike and I'm looking for some support with my squarespace website, I have done a lot of the CSS myself using previous forum posts I've found on here, and plugins from other sites, but theres one problem I'm having that I can't figure out myself, despite trying a LOT of times, or find anywhere mentioned on here.

Essentially, I have a custom GIF overlay for my headings on my portfolio pages, sadly, on my store page, my product title is also h1, and so it adds that GIF overlay too. I would ideally like to find someway of changing it from h1 to h2.

I think the code is h1.ProductItem-details-title (something or other), but I have absolutely no idea how to work around this?

Any ideas?
Please let me know, Michael.

Link to comment
  • Replies 2
  • Views 359
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Hi,

It looks like you sent me a private message & I answered this.

If you haven't get the answered, follow this

Edit

h1 {
    background: url(https://media.giphy.com/media/0tWDVFcdRcf22jxjTx/giphy.gif) !important;
    background-size: cover !important;
    background-position: center !important;
    -webkit-background-clip: text !important;
    color: transparent !important
}

to

h1:not(.ProductItem-details-title) {
    background: url(https://media.giphy.com/media/0tWDVFcdRcf22jxjTx/giphy.gif) !important;
    background-size: cover !important;
    background-position: center !important;
    -webkit-background-clip: text !important;
    color: transparent !important
}

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.