How can I create a button with phone number behind "click to call"

Since then I have found this website with a phone button in the slider.

https://www.budgetlocksmiths-edinburgh.co.uk/

How can I achieve this? I want to show the phone icon on the left as well.

Hi Rikard,

Thank you for your reply.

Unfortunately it has done nothing the code displays as it is at the bottom of footer.

I even tried to copy the code in a button and still didn’t work.

Please find the login details in case you want to have a look.

Just to reiterate I want to create a button in header, anywhere in the content section and in the footer where I have insert the button and when the user clicks on it then it dials the number behind that button.

Hi Ismael,

I know how to add the phone number in Extra Elements but my question is completely different ….

I want to do the following with the phone number.

– Add the phone number button with custom colour as a menu item
– Add the phone number as a button with custom colour anywhere in the website (using button element)

I hope this makes sense.

Kind regards,

Hi Ismael,

Thank you for your reply.

I apprecaite all your help.

I have created 5 different situations where I could need a call us functionality.

1). https://www.ichauffer.co.uk (Menu item – Call Us) – As you can see it doesn’t do anything. I would like this option to only show on mobile menu and I want customer to be able to click and call.
2). I have set up a test page here https://www.ichauffer.co.uk/test-page, and have created the following types on buttons on the page.
a). Icon Box (I would like to make it click and call icon)
b). A Button Element (I would like to make it click and call button)
c). I have inserted an image call now (I would like the image to be a click and call button)

I hope this will clarify things and we can finalise the thread and carry on building awesom websites using ENFOLD.

Looking forward to your response.

PS. the information you provided has helped a bit by created a section with background but the button I have created is overlaping the logo area and if I increase the size of header then my logo area become big as well. I only want to the increase the area of header where the phone number is shown.

• This reply was modified 7 years ago by projectt_co_uk.

Yes, thats what I wanted …

You are a legend Ismael :)

You can close the thread now.

But before you close it please can you let me know how to increase the area of Phone number section above the header and how to remove the border line?

Once again thank you for all your help.

Don’t feel jealous Yigit … You are a legend as well … :)

It has worked but the coloured button I have created with Call Us text in the extra element is not showing the text in the middle of button is there any wa, it can aligned perfectly in the middle.

I have used the following code to create the button.

.custom-phone {
padding: 20px 40px;
background: gold;
border: 1px solid blue;
color: white;
}
.phone-info { font-size: 30px; }

Looking forward to your response.