Adding subtitle to Portfolio Grid Thumbs

On 1/26/2022 at 11:03 PM, hanamorrison said:

Is there a way to do this without using the Code Injection feature? It is a premium paid feature. I am trying to solve the same problem of <br/> not working for me. Here is my website: https://www.hanamorrison.com/work

Yes. Will need to use CSS to add subtitle. The url doesn't exist. Can you check it again?

On 1/27/2022 at 6:14 AM, Adeline said:

Amazing! This worked well! Thank you so much @tuanphan

Just one more quick question, how can I change the text size of the third and fourth lines (hospitality & short description ...)? I have tried the attached, and it didn't seem to work. Thank you!

https://tuatara-spinach-tplz.squarespace.com/all
PW: 1234

Hi. Not possible. Can't target third * fourth lines :(

On 1/18/2022 at 1:00 AM, Nico_Burrito said:

hello @tuanphan

When you open a project, and scroll to the bottom of the page, you have the titles of the previous and next project, these don't take your formatting into account, and appear as 1 big text block. is there any way to edit how these look?

you can see here:
https://shallot-flatworm-fyc8.squarespace.com/work/slate-studios-nyc

pw: nico

Add to Design > Custom CSS

/* Portfolio Pagination title */
.item-pagination[data-collection-type^="portfolio"] h2.item-pagination-title {
    display: none;
}
.item-pagination[data-collection-type^="portfolio"] .item-pagination-prev-next {
    display: block !important;
}

Web: 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 ♥♥

6 hours ago, loisartz said:

Web: 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 ♥♥

It looks fine here. Did you solve?

4 hours ago, tuanphan said:

It looks fine here. Did you solve?

Yeah now its fine <3. Thanks all

On 1/26/2022 at 4:30 AM, tuanphan said:

How about removing pagination titles, replace with Prev/Next text?

hi @tuanphan would you know how to do that?

On 4/14/2022 at 8:52 AM, Nico_Burrito said:

hi @tuanphan would you know how to do that?

Add to Design > Custom CSS

/* Pagination title */
@media screen and (max-width:767px) {
h2.item-pagination-title {
    display: none;
}
.item-pagination-prev-next {
    display: block !important;
}
}

If you want to it run on all devices, change 767 to 9999

15 hours ago, tuanphan said:

Add to Design > Custom CSS

/* Pagination title */
@media screen and (max-width:767px) {
h2.item-pagination-title {
    display: none;
}
.item-pagination-prev-next {
    display: block !important;
}
}

If you want to it run on all devices, change 767 to 9999

thank you @tuanphan

On 1/28/2022 at 9:05 AM, tuanphan said:

Yes. Will need to use CSS to add subtitle. The url doesn't exist. Can you check it again?

Hi, I have the same problem. Would like to add subtitles and maybe customize the font size and appearance of my projects (the three papers in my home). How can I do that?
https://www.lorenzoposani.com/
 

On 3/27/2023 at 10:47 PM, poznerol said:

Hi, I have the same problem. Would like to add subtitles and maybe customize the font size and appearance of my projects (the three papers in my home). How can I do that?
https://www.lorenzoposani.com/
 

See #2

Hi all,
I have a problem, I have added the code you suggested:

Caption:
<h2 class='thumb-caption'>I'm a Caption</h2> <p class='thumb-desc'>I'm a Description</p>

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

the subtitle was successfully added, but I'm still struggling to change the font and style of the titles and subtitles. Any idea why?

Also, I want to reduce the padding between the title and sub-title, Do you know how to do that?

Thanks!
 

shark-cymbals-z6bt.squarespace.com
PW: 1234

@NoaAharon the site is expired, you can access this link to extend it for free, then let me know, we can check easier