Adding phone number to the standard SmugMug contact form
Today I will show you how to add a phone number to the standard SmugMug contact form. The contact form has a very limited customisation option – but there is an easy way to add a little bit more information – like a phone number.
How to do this?
You just need to make sure that you have added a contact form to your site – here is a great tutorial on how to do this.
You then need to open your site → click CUSTOMIZE → CONTENT AND DESIGN → select the THEME tab → hover your cursor over the active theme that you are using and click the wrench icon → this will open a small popup window – like this one:

Open the ADVANCED tab and scroll down until you see an option to add CUSTOM CSS → click the EDIT button and then add this code to it:
/*Adding Phone number to the standard SmugMug contact form*/
.sm-contact-pro-form:after {
content: "Or give us a call! Tel: 0115 - 234 - 567" !important; /*This is where your text and phone number goes*/
margin-left: 20px; /*This is a left margin to align the text with the rest of the form*/
font-weight: bold; /*This code will make the phone number text bold*/
color: #ffffff; /*This will change the phone number text white */
}
CSSJust don’t forget to change the phone number in the above CSS code :} Here is the end result:

Related articles
Comments (2)
Leave a Reply Cancel reply
This site uses Akismet to reduce spam. Learn how your comment data is processed.
Support me
I am writing this portal in my free time and I pay for it myself. So, if you want to support my work – use this button to buy me a coffee 🙂 Which will help towards the hosting costs of the portal.
Question:
If I have already added some code to the CSS, how/where do I add further more code for further customization on the contact page. I added the code to change the contact page to white and it works great. I want to further add the code to add my phone number to the contact page.
Thanks for your great work!
Larry, you just add the additional code to the bottom of the code, which you have already added.