Portfolio - Ability To Add a Subheading on Projects

Site URL: https://flamingo-goby-tkw6.squarespace.com/modular-homes

Site password: greenfield

Hello,

I have just started making a website for housing center and I would love to utilize the portfolio feature to showcase the homes rather than the blogs to feature homes.

I have added one home/project on the linked page. I am hoping to be able to add some css to be able to add a subtitle such as "Beds: 3 | Baths: 2 |  2280 Sq Ft"

I have added a screenshot showing where I am hoping to place this text. *I also want to add a jump link for view homes button to go to those homes.*

Thank you in advance for any help or consideration shot this way.

~ Patterson

Hi,. What is access password?

17 hours ago, tuanphan said:

Hi,. What is access password?

Hey @tuanphan, Apologies the PW is greenfield 

Thank you!

Hey @tuanphan, just wanted to follow up with this to see if this is possible?

Thanks! Have a great weekend.

On 8/21/2021 at 3:20 AM, Patterson said:

Hey @tuanphan, just wanted to follow up with this to see if this is possible?

 

Thanks! Have a great weekend.

I see you solved for first project. Do you still need help?

19 hours ago, tuanphan said:

I see you solved for first project. Do you still need help?

If you have any advice on how to customize further that would be much appreciated. Such raise font size or any other design aspects. Thanks!

4 hours ago, Patterson said:

If you have any advice on how to customize further that would be much appreciated. Such raise font size or any other design aspects. Thanks!

Use this CSS

p.thumb-desc {
    color: red;
    font-size: 30px;
    font-family: monospace;
}

14 hours ago, tuanphan said:

Use this CSS

p.thumb-desc {
    color: red;
    font-size: 30px;
    font-family: monospace;
}

 

 I think this came together greatly, thank you so much for the help!

I do have one final major ask with this topic, there appears to be a character limit to the title of the thumbnail section is there a way to force remove this. This will be a big issue with adding homes that have a longer name than "Noel Chalet" as the only one I have done a page for thus far. Thanks again @tuanphan!

Hi,

No way to remove this limit. However you can remove class="... in both tags (h2 & P), then use another CSS code to target these tags to change style. 

eg. If you remove class='thumb-caption' 

to change h2 styles, instead of using 

h2.thumb-caption {
    color: red;
    font-size: 30px;
    font-family: monospace;
}

you can use

.portfolio-text h2 {
    color: red;
    font-size: 30px;
    font-family: monospace;
}

similar with p

.portfolio-text p {
    color: red;
    font-size: 30px;
    font-family: monospace;
}

On 8/26/2021 at 4:05 AM, tuanphan said:

Hi,

No way to remove this limit. However you can remove class="... in both tags (h2 & P), then use another CSS code to target these tags to change style. 

eg. If you remove class='thumb-caption' 

to change h2 styles, instead of using 

h2.thumb-caption {
    color: red;
    font-size: 30px;
    font-family: monospace;
}

you can use

.portfolio-text h2 {
    color: red;
    font-size: 30px;
    font-family: monospace;
}

similar with p

.portfolio-text p {
    color: red;
    font-size: 30px;
    font-family: monospace;
}

 

Awesome, this will work! Thanks abunch...

@tuanphan, at the very bottom of the page, there is the scroll option to navigate between projects. Is there a way to hide the paragraph text and just show the H2? Currently you can see in the two screenshots that the paragraph text is hidden and I cannot change the color to make it appear. Any advice would be greatly appreciated.

On 8/19/2021 at 9:20 AM, Patterson said:

Hey @tuanphan, Apologies the PW is greenfield 

Thank you!

Password incorrect. Can you check it again?

On 9/6/2021 at 4:17 AM, tuanphan said:

Password incorrect. Can you check it again?

password changed to "home" apologies.

18 hours ago, Patterson said:

password changed to "home" apologies.

Hi,

Tried some code.

It looks like this is not possible :-/

9 hours ago, tuanphan said:

Hi,

Tried some code.

It looks like this is not possible 😕

 

All good, thanks for looking for me! It appears fine (same color) when in a different color theme just weird off its different and not able to edit in others.

On 9/9/2021 at 1:56 AM, Patterson said:

All good, thanks for looking for me! It appears fine (same color) when in a different color theme just weird off its different and not able to edit in others.

Ah, I thought of another way.

Try adding this to Design > Custom CSS

/* Hide description under pagination title portfolio */
.item-pagination[data-collection-type^="portfolio"] .pagination-title-wrapper {
    color: transparent;
    position: relative;
    bottom: -20px;
}

On 9/11/2021 at 9:34 PM, tuanphan said:

Ah, I thought of another way.

Try adding this to Design > Custom CSS

/* Hide description under pagination title portfolio */
.item-pagination[data-collection-type^="portfolio"] .pagination-title-wrapper {
    color: transparent;
    position: relative;
    bottom: -20px;
}

Thank you!