Adding button to portfolio grid hover?

Site URL: https://armadillo-deer-rbyp.squarespace.com/why-collinson-2

Hi all,

Do you think its possible to add a button to a portfolio item hover? 

https://armadillo-deer-rbyp.squarespace.com/why-collinson-2 password is Garstang

Hi. The url doesn't exist.

This is possible.

Sorry, I changed the address 

https://armadillo-deer-rbyp.squarespace.com/why-collinson

@tuanphanthat should work now

On 3/3/2021 at 6:59 PM, Adaptive said:

Sorry, I changed the address 

https://armadillo-deer-rbyp.squarespace.com/why-collinson

@tuanphanthat should work now

Same button text on all items or different?

On 3/6/2021 at 11:05 PM, tuanphan said:

Same button text on all items or different?

Yes, the same button text

On 4/8/2021 at 9:51 PM, Adaptive said:

Yes, the same button text

Try edit description, use HTML tag, for example image 1, you can edit description to this

Because one silo doesn’t suit all, our extensive range includes over 200 models with varying designs <a href="https://google.com">Button</a>

Then let me know. I will test code to make a tag to button.

I've done this now, I think the title might have a character limit so I have shortened it to

Because one silo doesn’t suit all <a href="https://google.com">Button</a>

4 hours ago, Adaptive said:

I've done this now, I think the title might have a character limit so I have shortened it to

Because one silo doesn’t suit all <a href="https://google.com">Button</a>

Which image did you add this?

On 4/14/2021 at 4:07 PM, tuanphan said:

Which image did you add this?

The first one...

On 4/16/2021 at 5:42 PM, Adaptive said:

The first one...

That strange. 

Not sure why, but items 1 and 2 have some broken code.

That kept me from checking out

Remove code I sent above

Add this to Design > Custom CSS

h3.portfolio-title:after {
    content: "Button";
    display: block;
    background: white;
    width: 100px;
    color: black;
    text-align: center;
    margin-top: 10px;
    border-radius: 20px;
}

Cheers, that seems to have worked 😀

Hello! I just used this for a portfolio section. It's great! 

How do I get the content to display the name of the portfolio piece that is generated when creating pages/slugs for the content? If that makes sense. Your example says "button", but how do you get that to display a different project name for each piece in the portfolio? 

Thank you!

On 2/28/2022 at 4:49 AM, lesley.pocklington said:

Hello! I just used this for a portfolio section. It's great! 

How do I get the content to display the name of the portfolio piece that is generated when creating pages/slugs for the content? If that makes sense. Your example says "button", but how do you get that to display a different project name for each piece in the portfolio? 

Thank you!

What is site url?

hello.

when I used the code below, buttons are not centered.

what do i need to add?

Thanks,

h3.portfolio-title:after {
    content: "Button";
    display: block;
    background: white;
    width: 100px;
    color: black;
    text-align: center;
    margin-top: 10px;
    border-radius: 20px;
}

On 8/20/2022 at 1:01 AM, dcosta1881 said:

hello.

when I used the code below, buttons are not centered.

what do i need to add?

Thanks,

 

Posted April 19, 2021

  On 4/16/2021 at 6:42 AM, Adaptive said:

The first one...

Expand  

That strange. 

Not sure why, but items 1 and 2 have some broken code.

That kept me from checking out

Remove code I sent above

Add this to Design > Custom CSS

h3.portfolio-title:after {
    content: "Button";
    display: block;
    background: white;
    width: 100px;
    color: black;
    text-align: center;
    margin-top: 10px;
    border-radius: 20px;
}

What is your site url? We can check easier

On 3/1/2021 at 6:06 AM, tuanphan said:

Hi. The url doesn't exist.

This is possible.

Ok how do you do it?

how do we add a button So that people know each portfolio is clickable?

16 hours ago, joymob said:

Ok how do you do it?

how do we add a button So that people know each portfolio is clickable?

Can you share link to portfolio page? We can help easier

Hi, I’m working on adding buttons to my portfolio grid site and the code worked but I can’t seem to center the buttons. I also would like to have both the title and the subtitle go into the button.  https://www.yabiaddison.work/   

Thank you 

On 10/28/2022 at 3:49 AM, YAdesigns said:

Hi, I’m working on adding buttons to my portfolio grid site and the code worked but I can’t seem to center the buttons. I also would like to have both the title and the subtitle go into the button.  https://www.yabiaddison.work/   

Thank you 

Hi,

Button looks fine