Add button to Gallery Image

17 hours ago, alishabhaumik said:

This link please: https://experimentalbitchpresents.com/about-bitchin-collabs

Which text link?

@tuanphan

I've inputted two different codes you've provided above in the Settings -> Design -> Custom CSS but no luck. Which code to I need to use and where should I input it? 

website: https://experimentalbitchpresents.com/
button text: learn more
button link: https://experimentalbitchpresents.com/about-bitchin-collabs

9 hours ago, alishabhaumik said:

@tuanphan

I've inputted two different codes you've provided above in the Settings -> Design -> Custom CSS but no luck. Which code to I need to use and where should I input it? 

website: https://experimentalbitchpresents.com/
button text: learn more
button link: https://experimentalbitchpresents.com/about-bitchin-collabs

Where is learn more text in above link? can you take screenshot.

9 hours ago, tuanphan said:

Where is learn more text in above link? can you take screenshot.

I don't have it because I can't figure out how to get the button on this gallery the code I added from this post didn't work for me. 

You can use this plugin to bring back gallery block on SS 7.1. 

Hello! I've just been successful adding a button to my gallery image. But I'd like the button font to be Montserrat in all CAPS so it matches the other buttons on my site. Any way to do that? I've attached an image of how my usual buttons look and then this one with the wrong font.

Thanks!!

This is the code I used that worked:

section#packages .Index-gallery-item-content-body a {
    background: #f6f3ef;
    color: #6e7376;
    padding: 15px 25px;
    border-radius: 0px;
}

section#packages .Index-gallery-item-content-body a {
    background: #f6f3ef;
    color: #6e7376;
    padding: 15px 25px;
    border-radius: 0px;
	font-family: 'Montserrat';
}

If that doesn't do the trick feel free to share a link to the site and I can help you out

@tuanphan this is an awesome post! I can't seem to figure out this code though.

Will you also help me figure out how to add a button to my Gallery image?

Here is a link to the site I'm working on https://tinaleecreations.squarespace.com/client-work

password: tina

I'm trying to accomplish this look in the picture I attached. The button will go to another page, and the Text will be centered. Any suggestions?

On 12/3/2019 at 4:39 AM, tuanphan said:

section#ingredients-gallery .Index-gallery-wrapper .Index-gallery-item p:last-child {
    background: #fff;
    color: #000;
    display: block;
    max-width: 200px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 10px;
}

 

Thank you for this solution @tuanphan!

I need one more adjustment if possible? The text in my button is showing as white (it's taking on the settings from the site styles). 
Is there a way to change the text colour too #00a4b1?

Cheers
Claire.

8 hours ago, Claire_auck said:

hank you for this solution @tuanphan!

I need one more adjustment if possible? The text in my button is showing as white (it's taking on the settings from the site styles). 
Is there a way to change the text colour too #00a4b1?

Cheers
Claire.

Can you share link to page in screenshot?

Absolutely, thanks for your help  @tuanphan

https://pipe-vision-civil.squarespace.com/
pa33word

hi @tuanphan

I added the code you provided above into my CSS

Quote

section#ingredients-gallery .Index-gallery-wrapper .Index-gallery-item p:last-child { background: #fff; color: #000; display: block; max-width: 200px; text-align: center; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; border-radius: 10px; }

But the button is left aligned and not centering with the text above of it. Do you know how to fix it?

Site: https://beautybydannie.com/testing

Thank you!

On 11/26/2020 at 1:12 PM, crnangyn said:

hi @tuanphan

I added the code you provided above into my CSS

But the button is left aligned and not centering with the text above of it. Do you know how to fix it?

Site: https://beautybydannie.com/testing

Thank you!

Add to Home > Design > Custom CSS

.Index-gallery-item-content-body p:last-child {
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
}

Hi @tuanphan

Thank you for your kind help. Would you be able to guide me step by step how do I add buttons after creating gallery? Where do I go and what code lines I should add.

Thank you so much. 

1 hour ago, gapture said:

Hi @tuanphan

Thank you for your kind help. Would you be able to guide me step by step how do I add buttons after creating gallery? Where do I go and what code lines I should add.

Thank you so much. 

Can you add link over gallery? Then we will give code to change link to button

Hi everyone!

I am trying to turn the link in my index gallery into a button like you all. I tried a bunch of the codes here but I can't seem to figure it out, would anyone be able to help? I'm using the Pacific template.

URL is https://www.scandaleusephotography.com/

Additionally, I'd like to make it work on all my slides. Is that even an option?

Thank you, coding wizards! 🙂

On 10/14/2021 at 3:50 AM, Juisafish said:

Hi everyone!

I am trying to turn the link in my index gallery into a button like you all. I tried a bunch of the codes here but I can't seem to figure it out, would anyone be able to help? I'm using the Pacific template.

URL is https://www.scandaleusephotography.com/

Additionally, I'd like to make it work on all my slides. Is that even an option?

Thank you, coding wizards! 🙂

It looks like you figured it out? I see buttons here