Changing Hyperlink Color on Church Websites Using Your Style Guide Page

Changing Hyperlink Color on Church Websites Using Your Style Guide Page

Summary

This SOP outlines the steps to change hyperlink colors across church websites using Tent Apps' style guide. It provides a clear process for ensuring consistent branding through color adjustments in the backend.

Overview

  1. Log in to your Tent Apps dashboard.
  2. Right-click and view the style guide from the dashboard.
  3. Identify the text box with the preset color option you want to change.
  4. Click on the editing pencil to ensure you are editing the preset for the entire site.
  5. Navigate to the 'Design' section, then select 'Text'.
  6. Choose the 'link' option for the text you wish to alter.
  7. Select the desired color for your hyperlink from the color options available.
  8. When prompted, confirm that you want to apply this color change across all modules on your site.
  9. Check the box to finalize your selection.
  10. Repeat the process for any other features on your site as necessary.
  11. Once all changes are made, exit the Visual Builder and save your changes.
  12. Visit your site's front end to verify that the hyperlink color has been updated accordingly.
  13. If you need assistance, contact support@tentapps.com for help.

Original Transcript

Hey, this is Mindy with Tint Apps, and I just want to show our church websites that have the style guide in your back end. I want to show you how you can easily change, um, things for your entire site. Specifically, this video is going to show you how to change the hyperlink color that shows up throughout your site. So when you go to your pages and your dashboard, you'll see that style guide, and you're going to want to always right-click and view. And then we have our style guide back here, and this is where we're telling the entire site what colors to be, what fonts to be, um, heaviness of headings, all this kind of thing. And so in this situation we're wanting. to change the link color throughout the site, and I've already done it on several different places, so I'm going to just show you what I did. Um, so I go here to this text box, and as you can see, this is a preset called secondary color. If I had opened this one, it would have been white. If I had opened this one, it would have been black. But this khaki here is our secondary color. So I come up to the drop-down, and I go to secondary color, and I click the editing pencil, and it's going to flip like that. And if you don't have it flip like that, you're not editing it for it to apply to the whole site. You're just editing the page you're on. So you want to make sure you're up here in the presets, and you see that card flip. That's kind of your tell. Then I go to Design, then I go to Text. And I pick the link. Then I'm going to go down, and we're going to, I had already changed it to red, but let's just say it was this, this greenish color. You can go in and pick whatever you want it to be, and we've chosen red, and you can see that it changed it to red. Click. Are you sure you want to do this? It's going to change the text on all modules across your site. So yes. And then what that means, then I do the checkbox, of course, and what that means is that anywhere this secondary color is being used in the site, any hyperlink is going to be this red, and so you would just go down and do it throughout all the other features of your site, and then when you're done, you're going to exit Visual Builder, and then you will, of course, save, and then once you've done that, you should see those changes reflected on the front end of your site. So, as always, reach out to support at 10Fs.com if you need any help with this or any more clarification. Thank you. Okay.

Video Link

    • Related Articles

    • Adding Buttons to your website

      Here is a quick tutorial on how you can easily add buttons to your website using the Visual Builder on the front end of your website. Also included is how to style your buttons, add a row with two columns, and make your buttons link to a webpage. ...
    • Adding a New Page & Menu Item

      Here is a quick video tutorial on how to add a new page to your website and then add it to your menu. Video Included in this video is how to duplicate the look of an existing page, manage your menu, and add new content to your site. Step By Step ...
    • How To Make Simple Edits To Your Website with Tent Apps

      With Tent Apps you get 1 hour of support per month, so if you have any changes you want made to your website, we are always here to help. However, if you're just looking to change a word or two, or maybe make make a section a little bigger, making ...
    • Change link color on website

      This video provides a concise walkthrough on how to change the link color on a website's backend settings, ensuring clarity and effective visual presentation. Video Step-By_Step Access Backend and Settings Log in to the backend of the website. Select ...
    • How to Create a Post or Announcement on Your Website and Mobile App

      Are you needing to make an announcement? Do you have an event coming up and need to get the word out? Are you just wanting to connect with your church congregation or business clientele? This tutorial is all about how to create, design, and post a ...