Jump to content

Nolan Template: Customizing text in Project Titles

Recommended Posts

  • Replies 9
  • Views 612
  • Created
  • Last Reply
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)

Squarespace-Capture.PNG

Link to comment
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)

Squarespace-Capture.PNG

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.

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 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>

 

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 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!

Link to comment
  • 1 month later...
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"

Screenshot3.PNG.9ff5972e80a0475088e95db3f2b8b621.PNG

Link to comment

@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.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
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/

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.