How can I increase the size of the 'info' button on Momentum template?

The Gallery Slideshow homepage has a small info icon ( a small ‘i’) that visitors can click to see more information. However, it’s so small that visitors often miss it. To increase the size of the icon, add this to Custom CSS:

 .ctrl-button.info {
     right: 62px;
     bottom: 45px!important;
 }
 .icon-info:before {
     font-size: 104px;
 }

To fix the colour of the icon to one particular colour, use this:

.gallery-style-full-bleed:not(.show-info) .color-weight-topright-light .ctrl-button.info a.icon-info {
  color: #fff!important;
}

I’ve used #fff to set it to white, but you can use any hex colour code.

Previous
Previous

Change the Squarespace date format to DD/MM/YYYY

Next
Next

How can I display the month and year on Skye template blog date circle?