Jump to content

Flatiron Template, gallery: is there custom CSS for changing the color/size/visibility of navigation < and > buttons?

Recommended Posts

Hello! I'm using the Flatiron template and changing the background color of my site.

When I change the background color, I'm finding that it clashes with the white "<" and ">" square buttons on gallery pages.

Has anyone developed custom CSS for changing these buttons' color, size, or even visibility?

Thanks in advance for any info anyone has.

Link to comment
7 hours ago, Wondershock said:

Hello! Thank you for responding! My page isn't public yet, but here's an identical example page (since I'm using Flatiron and haven't implemented other custom code):

https://flatiron-demo.squarespace.com/#/iii-flatiron/

The buttons on the right side of the screen, the "<" and ">" square buttons I'd like to change, if possible, with custom CSS code.

Add to Design > Custom CSS

.projectPrev:before {
    color: red !important;
    font-size: 30px;
}
.projectNext:before {
    color: red;
    font-size: 30px;
}

 

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

Thanks for the reply! And thanks for the code—but do you have code to change the fills behind the buttons? My goal is to make them invisible, or at least have control over the fill color.

Edit: nevermind—I figured out how to do what I wanted to do:

.projectPrev:before {
    background: black;
    color: red !important;
    font-size: 15px;
}

Thank you so much for the info! I really appreciate it. Have a wonderful day.

Edited by Wondershock
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.