Customizing the Zion template (New to Squarespace)

26 minutes ago, Cicada1010 said:

Site URL: https://zion-demo.squarespace.com

Hi,

Completely new to Squarespace and am starting to understand the CSS customization. I have a website which resembles the Zion template, however:

1. How can I change the "rollover" colors of the "Fashion Lifestyle Food" section ? Example: from white to gray.

2. How can I add a text under that same section just like the following example: https://www.in8lovewellness.com

3. How can I add a simple line under those 3 words, same example as previous one.

Thanks

Hi, add this to custom css. Let me know how it goes 🙂

.portfolio-hover-item-title {
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.2rem;
  transition:0.1s ease;
}

.portfolio-hover-item-title:hover {
  color:gray !important;
}

.portfolio-hover-items::after {
  content: 'Add your line of text here in between the apostrophes';
  font-size: 24px;
}