Jump to content

How to Pagination Background Color

Go to solution Solved by inside_the_square,

Recommended Posts

kieranjwilson Level 2

kieranjwilson

Posted
Posted

Hi, so as my title says, I am not sure how to remove the color of the background behind the pagination without removing the entire thing. I have a film background that I have incorporated throughout the entire website and the random stripe of black sort of messes that up. If anyone knows how to remove it with CSS or any settings, please let me know!

  • Replies 4
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

inside_the_square
inside_the_square

Hey @kieranjwilson this is a great question! We can reset the background color to transparent without effecting the links themselves. Give this code a try and let me know how it goes:  .item-pagina

Ziggy Level 14

Ziggy

Posted
Posted

Can you share your website URL?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
⬛ SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
✨ Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

  • Solution
inside_the_square Level 9

inside_the_square

Posted
  • Solution
Posted

Hey @kieranjwilson this is a great question! We can reset the background color to transparent without effecting the links themselves. Give this code a try and let me know how it goes:  

.item-pagination[data-collection-type^="portfolio"]{
background-color:transparent!important
}

 

🤓 Creator of InsideTheSquare.co
✨ SQUARESPACE CIRCLE LEADER✨ SQUARESPACE EXPERT ✨ SQUARESPACE EMPLOYEE EDUCATOR ✨ CERTIFIED CUSTOM CODE EXPERT ✨

🗺️ New to Squarespace? Get your free roadmap: insidethesquare.co/roadmap
🙋‍♀️ New to CSS? Learn the basics for free: insidethesquare.co/learn
⭐️ Ready to go pro? Get my custom code collection: insidethesquare.co/css

 

BeccaHarpain.gif.236d6ddd88c7d637645b762799f501a8.gif

 

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources