- Posts
New to BoldGrid and WP, but making slow progress.
I have selected an Inspirations theme and am customizing. One desired customization is to remove the separate page and form that the Contact Us link on the main page links to. I just want to put phone/email/address contact into in footer (small font) and have that Contact Us link at the top of the home page jump to the bottom of the page where they will see the contact info. Possibly having the email address be a hyperlink that would pop open their email client with the send-to address filled in would be good but don’t even need that level of sophistication yet! Is there some instruction somewhere that will show me how to do this?
Hi Jon!
Thanks for reaching out to us with your question on using Crio Pro WordPress theme! This is certainly possible but requires a few steps.
You would need to add the information to your site footer. You can do this by creating a Widget area in your footer. Then you can customize that widget area by clicking the Edit Sidebar button. This will show you some color selections and at the bottom is a button to add a new widget. You can add a Custom HTML widget and add your information. If you aren’t familiar with HTML I have provided a sample below that you can use to get started:
<h3 class="widget-title" id="contact-us">Contact Info</h3> <p>1234 Street Name</p> <p>City Name, State 000000</p> <p>Email:<br><a href="mailto:support@example.com">support@example.com</a></p> <p>Phone:<br>+1 123 456 7890</p>
This is a very basic sample that you are more than welcome to edit as you see fit. Note that the email address is in there twice, make sure that you update it with your email address in both places as this will open their mail client pre-filled with the address as you described. The other thing to note is that the heading has the id “contact-us”.
Once this is added you can edit your menu and remove the Contact Us page from the menu and replace it with an Anchor Link to that footer section. Using my example above you would be able to make the URL something like:
example.com/#contact-us
I hope this helps Jon! Let us know if you have any further questions or if you have any trouble with this.
Thanks for the help! I notice after I pasted the example HTML you provided into the Content block of the Custom HTML widget I added, content does now appear in the header but it is in there as text (HTML entered is displayed in the footer). Should I have placed this HTML in a different location for it to be used as code vs literal text?
Hi Jon!
Thanks for getting back to us! It sounds like you have it in the correct place, the first thing I’d want to have you check is to see if there is any text such as
<pre>or</pre>at the top and bottom of what you added. If you do see that pre tag you should remove it as that would force it to display as text instead of HTMLThe other possibility is that something happened when it was copied over, its possible that the code may have been escaped or translated in a way that prevents it from being treated as HTML. Make sure that the text in the customizer looks like the text in my reply, if you are seeing a mix of symbols and letters in place of the < symbols in the code that means it’s being escaped, you can try copying it over again if this is the case.
I hope this helps Jon! Let us know if you have any further questions or if you have any trouble with this.
- The topic ‘How do I link Contact Us to info in my site footer’ is closed to new replies.
