Found what you have been looking for?

Search
Generic filters
Exact matches only
Filter by Categories
Customization
Domains
Lightroom Plugin
Tools and Tips

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 */
}

Just don’t forget to change the phone number in the above CSS code :}  Here is the end result:

contact, contact form, phone number


Tomasz Nowicki

My name is Tomasz Nowicki and I am a PHOTOGRAPHER and WEB DESIGNER based in the UK. Few years ago I have created my first website using SmugMug - a powerful platform for any type of photographer. I fell in love with it and from day one I have started exploring the possibilities of customizing my website. PHOTOM Portal is a my personal SmugMug knowledge base website where you can find some tips and tricks on how to use and get the most out of your SmugMug website.

Comments (2)

  • 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!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.