Nolan Template: Customizing text in Project Titles

Site URL: https://hexagon-orange-m87d.squarespace.com/

https://hexagon-orange-m87d.squarespace.com/
PW: squarespace

For my project page, I'd like to have the Titles contain the project name, and then project tags on a new line in a different color.

Ex:
Project 1 (black)
Logo - Identity - Website (grey) 

Is this possible to achieve?

First, add this to Home > Design > Custom CSS

h3.portfolio-title span {
    display: block;
    color: grey;
}

Next, Edit title to this

Quote

Project 1 <span>Logo - Identity - Website</span>

On 12/13/2020 at 6:49 AM, tuanphan said:

First, add this to Home > Design > Custom CSS

h3.portfolio-title span {
    display: block;
    color: grey;
}

Next, Edit title to this

 

I added the code to my CSS and edited Project Titles, but it doesn't seem to be applying it (see attached screenshot)

16 hours ago, MCNDesign said:

I added the code to my CSS and edited Project Titles, but it doesn't seem to be applying it (see attached screenshot)

Do you use Personal or Business Plan?

If Business Plan, keep above steps & let me know. I will give JS code to convert <span> tag.

On 12/17/2020 at 6:17 AM, tuanphan said:

Do you use Personal or Business Plan?

If Business Plan, keep above steps & let me know. I will give JS code to convert <span> tag.

I'm using a Business Plan.

On 12/22/2020 at 3:29 PM, MCNDesign said:

I'm using a Business Plan.

Keep above code & add this to Home > Settings > Advanced > Code Injection > Footer

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("h3.portfolio-title").each(function(){
    $(this).html($(this).text());
  });
});
</script>

On 12/24/2020 at 1:16 AM, tuanphan said:

Keep above code & add this to Home > Settings > Advanced > Code Injection > Footer

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("h3.portfolio-title").each(function(){
    $(this).html($(this).text());
  });
});
</script>

 

Thanks, it worked perfectly!

On 12/24/2020 at 1:16 AM, tuanphan said:

Keep above code & add this to Home > Settings > Advanced > Code Injection > Footer

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("h3.portfolio-title").each(function(){
    $(this).html($(this).text());
  });
});
</script>

 

@tuanphan Is there any way to hide <span> text from the bottom pagination?

So "TextFreee" instead of "Textfree Logo / Identity / Website"

@MCNDesign

Please post the URL for your site.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

On 2/13/2021 at 4:57 PM, creedon said:

@MCNDesign

Please post the URL for your site.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

@creedon

https://hexagon-orange-m87d.squarespace.com/