Adding descriptions to portfolio grid layouts in 7.1

14 hours ago, visionsbyfurks said:

Hello @tuanphan I followed your instructions and just needed help on the JavaScript part. 

Can you share link to portfolio grid?

On 12/17/2020 at 10:50 PM, ace_voices said:

Hi @tuanphan I've created the Portfolio simple grid title and description based on the advice you gave to others and I need your help on how to increased the character limit on this field? Right now it's 100 characters maximum for both the title and the new description below where I need more (especially since some code of hashtags and <span> is now included in the character limit). Is there any way you can help? Thank you 

There is no way to remove this limit.

@tuanphan https://www.studiofurks.com/work link to the portfolio grid

Thanks

On 12/22/2020 at 6:25 PM, visionsbyfurks said:

@tuanphan https://www.studiofurks.com/work link to the portfolio grid

Thanks

Hi. Sorry for the delay. I was off some day.

It looks you solved this? 

@tuanphan Resolved thank you.

Hello! I am interested in the same thing under - Projects> Commercial on my page, any help would be great! 

@tuanphan

https://capybera-bronze-jlt5.squarespace.com/

password - master

3 hours ago, BONICA said:

Hello! I am interested in the same thing under - Projects> Commercial on my page, any help would be great! 

@tuanphan

https://capybera-bronze-jlt5.squarespace.com/

password - master

You mean add a subtitle under projects title for Commercial1 page only? 

Is this only possible with code injection? I'm on a personal plan. I would like to make a line break in my portfolio grid. For example:  Name of the project, then add underneath the name for the project Logotype. 

To be clear, I mean the text when hovering over the grid 🙂

--

 I solved it!

On 10/1/2021 at 6:53 PM, NGO2045 said:

Is this only possible with code injection? I'm on a personal plan. I would like to make a line break in my portfolio grid. For example:  Name of the project, then add underneath the name for the project Logotype. 

To be clear, I mean the text when hovering over the grid 🙂

--

 I solved it!

Do you still need help? We can use CSS for Personal Plan

Site URL: https://www.loisartz.com/

Hi all,
I have a problem, I have set the animation of the site in flexible. When I reload like 3 times the page an error occurs that causes the title and subtitle to be mixed.

I have used span to separate title and subtitle of the project.

This is the code:

CODE INJECTION

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

CSS

h3.portfolio-title span {
    display: block;
    font-size: 21px;
  font-weight: 10 !important;
  margin-top:-6px
    
}
h3.portfolio-title {
    font-size: 33px !important;
    font-weight: medium !important;
    color: white !important;
}

And it should always come out like this

How can I solve it?

Thanks a lot ♥♥

On 1/30/2022 at 7:55 AM, loisartz said:

Site URL: https://www.loisartz.com/

Hi all,
I have a problem, I have set the animation of the site in flexible. When I reload like 3 times the page an error occurs that causes the title and subtitle to be mixed.

I have used span to separate title and subtitle of the project.

This is the code:

CODE INJECTION

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

CSS

h3.portfolio-title span {
    display: block;
    font-size: 21px;
  font-weight: 10 !important;
  margin-top:-6px
    
}
h3.portfolio-title {
    font-size: 33px !important;
    font-weight: medium !important;
    color: white !important;
}

 

And it should always come out like this

How can I solve it?

Thanks a lot ♥♥

Triedl reload sometime & it works fine to me.Did yo usolve this?

Hi @tuanphan Wondering if you can help me with the same. Is adding this code (below) to the Code Injector still the method you recommend? Hoping to get a description under the Project Title below each grid item and have the description be Regular weight, not Bold.

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

The grid is on the homepage of my site: https://www.karinamuranaga.com/

Pswd: kmuranaga

On 5/14/2022 at 9:33 AM, kmura said:

Hi @tuanphan Wondering if you can help me with the same. Is adding this code (below) to the Code Injector still the method you recommend? Hoping to get a description under the Project Title below each grid item and have the description be Regular weight, not Bold.

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

The grid is on the homepage of my site: https://www.karinamuranaga.com/

Pswd: kmuranaga

See #2 code in this post

https://forum.squarespace.com/topic/216655-share-portfolio-page-code-71/

On 11/21/2020 at 10:32 PM, tuanphan said:

Solved this with JavaScript. If any one interested, just comment site url, we can help easier.

Hi Tuan,

Would you be able to help me with adding a description to my portfolio grid? When I use the code you wrote, it is the same size/font as my header. I want it to be a smaller text. Website is danwellsinvestors.com

On 11/8/2023 at 11:13 AM, Mila7 said:

Hi Tuan,

 

Would you be able to help me with adding a description to my portfolio grid? When I use the code you wrote, it is the same size/font as my header. I want it to be a smaller text. Website is danwellsinvestors.com

Hi,

Which portfolio page? I can't find it on header menu