Help with code for folder link to specific part on page and for button and text on top of photo gallery

I need help with two things.

1. I input a code on the manufacturing services page (<p id="cncprogramming"></p>) and then on the pages bar at the top i made a folder for "manufacturing Services" including each service in the folder as a link. The link i put for example CNC Programming i input     /manufacturing#cncprogramming   Now it seems if i click CNC Programming from the folder on the home page or any other page it does not bring me to the CNC programming section. If im on the Manufacturing services page and then click CNC programming from the folder then it does. How do i fix this?

2. I'd like to put a button with link and some text over the gallery on the home page. Ideally i would like to put a different button on each image in the slideshow. Does anyone have code to do this? I found a post describing how to do it but its quite confusing as the individual helping on the post did it specifically for that persons site by pulling info from it. 

Thank you.

Hi,

#1. What is site url? We can see problem easier

#2. You can use List Banner Slideshow, you can use different button over each image

On 9/2/2023 at 10:36 PM, tuanphan said:

Hi,

#1. What is site url? We can see problem easier

#2. You can use List Banner Slideshow, you can use different button over each image

https://amkoaerospace.com/

On 9/4/2023 at 9:16 PM, Amko said:

https://amkoaerospace.com/

Thank you. It works to me. See video

17 hours ago, tuanphan said:

Thank you. It works to me. See video

it only works if your already on the page and click it. If your on the home page and click for example CMM inspection under the Manufacturing tab it does not bring you right to the CMM inspection section it brings you to the top of the page for Manufacturing and then you have to click again in the folder for it to bring you down to CMM inspection. 

also how do you put the button on the list banner slideshow? not sure if i have right banner slideshow but dont see a button option

On 9/7/2023 at 3:39 AM, Amko said:

it only works if your already on the page and click it. If your on the home page and click for example CMM inspection under the Manufacturing tab it does not bring you right to the CMM inspection section it brings you to the top of the page for Manufacturing and then you have to click again in the folder for it to bring you down to CMM inspection. 

 

also how do you put the button on the list banner slideshow? not sure if i have right banner slideshow but dont see a button option

#1. It still works to me. Do you use Mac/Safari?

#2. See this

On 9/9/2023 at 6:38 AM, tuanphan said:

#1. It still works to me. Do you use Mac/Safari?

#2. See this

I dont see any menu like that

On 9/11/2023 at 9:59 PM, Amko said:

I dont see any menu like that

You mean you don't see an option to add List Section, or you don't see option to add list button?

When you add a Section > > Look on left >> Choose "People" > Then on right box >> Chose layout with (i) icon.

You can see this quick video

https://app.screencast.com/RYhqrX5s3trZC

On 9/14/2023 at 4:26 AM, tuanphan said:

You mean you don't see an option to add List Section, or you don't see option to add list button?

When you add a Section > > Look on left >> Choose "People" > Then on right box >> Chose layout with (i) icon.

You can see this quick video

 

Here is a link to video of what my squarespace looks like.

https://app.screencast.com/RYhqrX5s3trZC

Website link is 

https://amkoaerospace.com/

I attached image of what i want to insert (text and button on top of a gallery image) and also what it looks like now. I don't see any option to insert button or text like this.

Id like to also have a different text and button on each gallery image.

I found a forum in which you helped someone with code but its not working for me. Code is below and link to that forum you responded 

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

On 9/19/2023 at 10:16 PM, Amko said:

https://app.screencast.com/RYhqrX5s3trZC

Here is a link to video of what my squarespace looks like.

https://app.screencast.com/RYhqrX5s3trZC

Website link is 

https://amkoaerospace.com/

I attached image of what i want to insert (text and button on top of a gallery image) and also what it looks like now. I don't see any option to insert button or text like this.

Id like to also have a different text and button on each gallery image.

I found a forum in which you helped someone with code but its not working for me. Code is below and link to that forum you responded 

 

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

Ah, your site is 7.0

Which template do you use? I will try testing with my site

3 hours ago, tuanphan said:

Ah, your site is 7.0

Which template do you use? I will try testing with my site

Impact is the template used.

On 9/21/2023 at 5:55 AM, tuanphan said:

Ah, your site is 7.0

Which template do you use? I will try testing with my site

Impact is the template did you have a chance to look yet?

Sorry for delay. Recently I'm traveling, can't check all questions

First, to add text, just hover on image > Click Gear icon > Add text here

Next, to add button, you need to add a text link in Description

It will show this

add this code to Website > Page > Website Tools (under Not Linked) > Custom CSS to turn learn more to button

.Index-gallery-item-content-body a {
    background-color: #f1f;
    color: white !important;
    padding: 10px 20px;
    display: inline-block;
}

You will have

6 hours ago, tuanphan said:

Sorry for delay. Recently I'm traveling, can't check all questions

First, to add text, just hover on image > Click Gear icon > Add text here

Next, to add button, you need to add a text link in Description

It will show this

add this code to Website > Page > Website Tools (under Not Linked) > Custom CSS to turn learn more to button

.Index-gallery-item-content-body a {
    background-color: #f1f;
    color: white !important;
    padding: 10px 20px;
    display: inline-block;
}

You will have

Thank you how do i change button to a pill and change button and text color to #g21353 I tried changing background color and color but it does not change 

7 hours ago, tuanphan said:

Sorry for delay. Recently I'm traveling, can't check all questions

First, to add text, just hover on image > Click Gear icon > Add text here

Next, to add button, you need to add a text link in Description

It will show this

add this code to Website > Page > Website Tools (under Not Linked) > Custom CSS to turn learn more to button

.Index-gallery-item-content-body a {
    background-color: #f1f;
    color: white !important;
    padding: 10px 20px;
    display: inline-block;
}

You will have

Also how can i move the text and button to be more towards the upper left corner

7 hours ago, tuanphan said:

Sorry for delay. Recently I'm traveling, can't check all questions

First, to add text, just hover on image > Click Gear icon > Add text here

Next, to add button, you need to add a text link in Description

It will show this

add this code to Website > Page > Website Tools (under Not Linked) > Custom CSS to turn learn more to button

.Index-gallery-item-content-body a {
    background-color: #f1f;
    color: white !important;
    padding: 10px 20px;
    display: inline-block;
}

You will have

I Was able to do most of what i want just cant figure out how to move text and button exactly where i want it. Moved it to top left corner with style setting but would like to move it a bit more down and to the right. Could you help me with this? thak you.

On 10/3/2023 at 10:31 PM, Amko said:

I Was able to do most of what i want just cant figure out how to move text and button exactly where i want it. Moved it to top left corner with style setting but would like to move it a bit more down and to the right. Could you help me with this? thak you.

 

I sent code here