Jump to content

How to change the color of a single word in the title of a gallery portfolio page?

Recommended Posts

Site URL: https://www.brigittematte.com/galerie

 

Hi there,

I'm using Squarespace 7.1 and I would like to change the color of a single word in the title of the gallery portfolio page. I managed to change the color of all titles with CSS code (see ref.picture) but I would like to apply this to all « vendue » word in that page. Is it possible to do that?

Thanks!

 

Site url : https://www.brigittematte.com/galerie

password : bridg_vip

 

1826927224_ScreenShot2021-04-22at4_36_54PM.thumb.png.0066cacc86f708d19f5c376ffda79591.png2140285007_ScreenShot2021-04-27at1_33_00PM.thumb.png.a231b1407fe510579ccd9246e90393c3.png

Capture d’écran 2021-04-27 à 15.30.07.png

Link to comment
  • Replies 10
  • Views 853
  • Created
  • Last Reply
16 hours ago, Clodita said:

This is my first site, I can add custom CSS, but unfortunately I don't know how to add span tag.

 

You do in screenshot. I mean keep it & don't delete, we can check why it doesn't work easier

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
On 5/6/2021 at 5:22 AM, Clodita said:

Hi, Do you have a new code? LMK 🙂  thanks!

 

Change | to #, and add this code to Code Injection Footer

<script>
  window.Squarespace.onInitialize(Y, () => {
  var title = document.querySelectorAll('.portfolio-title');
  for (var sf = 0; sf < title.length; ++sf) {
    var item = title[sf]; 
    item.innerHTML = item.innerText.replace(/#/g, '<br>');
  }
}); 
</script>

Code by Sf.digital. https://sf.digital/squarespace-solutions/how-can-i-add-line-breaks-to-gallery-grid-titles

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

Archived

This topic is now archived and is closed to further replies.


×
×
  • 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.