Edit the Portfolio block header with code

JoaoFreire · October 9

Good morning,

I'm trying to edit the titles of my portfolio block, by injecting some code. (image below)

Once I publish the changes I've done, all the coding that was added shows on the published page, but the commands don't work. (image below)

Can anyone please give me some help?

Thank you,

João Freire

Spark-Plugin · October 9

Hi @JoaoFreire, can you please share your website, the code you are trying to add and where you’re actually adding the code? Thanks!

JoaoFreire · October 9

Hello @Spark-Plugin, this is the website: https://www.comporta.art/ , you'll find the portfolio at the end of the homepage. At this moment I had to delete the codes because the site is already online.

This is the code I'm adding:

"Untitled <br> <strong> José Predro Croft </strong> <br> 2021"

If it's better to have the codes published let me know and I'll do it.

Thank you,

Spark-Plugin · October 10

@JoaoFreire, thanks! What exactly are you trying to achieve, bold the title? 🙂

JoaoFreire · October 10

As shown in this image, the goal is for the title to stay like this (first image in the portfolio block):

Right now it is:

"Untitled - José Pedro Croft, 2021"

And I need it to stay like this:

"Untitled

José Pedro Croft

2021"

Thank you,

Edited October 10 by JoaoFreire

Spark-Plugin · October 10

Hi @JoaoFreire! Thanks for your clarification. You will need to add this code:

Navigate to Pages > Website Tools > Code Injection.
Paste the code into the FOOTER editor.
Hit Save and you’re done

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $(".list-item-content__title").each(function(){
    $(this).html($(this).text());
  });
});
</script>

This should work right away, please check the screenshot to see the final result. And let me know if it helps!

JoaoFreire · October 10

Thank you very much! The problem is solved and working on perfection.

Just needed to add the HTML code to finish the setup.

Thank you once again.

Edit the Portfolio block header with code

Recommended Posts

JoaoFreire

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

JoaoFreire

Posted Images

Spark-Plugin

JoaoFreire

Spark-Plugin

JoaoFreire

Spark-Plugin

JoaoFreire

Create an account or sign in to comment

JoaoFreire

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources