Jump to content

Adding button to portfolio grid hover?

Recommended Posts

  • 1 month later...
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.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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?

image.thumb.png.098cc86d45f9c3847624044e3882194c.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

The first one...

Screenshot 2021-04-16 at 11.45.24.png

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 10 months later...
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!

Screen Shot 2022-02-27 at 4.49.06 PM.png

What is site url?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 5 months later...

hello.

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

what do i need to add?

Thanks,

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

The first one...

Screenshot 2021-04-16 at 11.45.24.png

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;
}
Link to comment
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,

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

The first one...

Screenshot 2021-04-16 at 11.45.24.png

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 month later...
  • 4 weeks later...
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

image.thumb.png.266c4c70db0237c35063d8af96056bf7.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.