Jump to content

Portfolio gallery titles overlay - how to make titles show all the time (not just rollover)

Go to solution Solved by tuanphan,

Recommended Posts

Hi , can anyone help please ? 
I am using portfolio gallery , and would like the titles over images to be displayed permanently on . Not just on rollover . 
rollover seems the only option . - can’t believe this is not a standard option ! 
is there some css I can add to force this , and disable rollover? 

Also is there any code where you can change the title font colour . 
it looks like my only options are black text with a white transparent overlay , where you set the overall opacity. - I can select  white text but it turns the background of grid block black. 
I would like them to be white text solid 100%, with no transparent overlay covering image . 
hope this makes sense . 
thanks 🙏 

Link to comment
  • Replies 6
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Hi , thanks for reply. 
I’m not sure of my web address as I’m working on the trial feature to build it at the moment . 
os there a way I can share the trial build ? 
 

I can add screen shots of what it’s doing now and a reference of another Squarespace to show how I want it to be . 
cheers

s

Link to comment

In the portfolio section settings you can change the title from Show Title: After to Before.

Edited by Ziggy

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!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • Solution
17 hours ago, Steverrt said:

Thanks Ziggy, yes I know that - which is the issue I have. . 
is there css that I can force the titles to permanently show (not only on hover ) 

thanks 

s

You can use this CSS code

.portfolio-text, .portfolio-text h3 {
  opacity: 1 !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.