Found what you have been looking for?

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

Try these: contact formbuttonbuy photos

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:

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

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.