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:

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.

Support this PORTAL

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.