To change the default text link color for the "Designed by BOC Services" link at the bottom of your Webflow homepage, follow these steps to target and style the link properly.
1. Identify the Element on the Page
- Go to your Home page in the Webflow Designer.
- Scroll to the bottom of the page to locate the "Designed by BOC Services" text link.
- Click on the link to select it. Confirm that it is not part of a Symbol or Component (if it is, you may need to edit it inside the Symbol).
2. Check or Assign a Class
- With the text link selected, look in the Selector field in the Style panel.
- If it doesn't have a class yet, create a new class (e.g.,
footer-link
) and assign it. - If it already has a class, verify that it's not a globally shared class if you only want to change it on the home page.
3. Change the Link Color in Normal and States
- In the right-hand Style panel, scroll to Typography.
- Under Color, pick the color you want for the default (normal) state.
- Click the States dropdown (just above the Selector field) and choose Hover — set the hover color if needed.
- Repeat this for Visited or Focused states if necessary.
4. Apply Style Only to the Home Page (Optional)
- If you only want this style on the homepage, consider using a combo class like
footer-link home-style
, or use custom page-specific classes or IDs. - Alternatively, use Webflow’s page-specific settings in the Style panel only if the element is unique to that page.
5. Publish the Site
- Click the Publish button (top-right in Designer).
- Select the relevant domain(s), then confirm the changes.
Summary
To change the link color for "Designed by BOC Services," select the element at the bottom of your homepage, assign or edit its class, adjust the text color in the Style panel (including link states), and publish your site. Use a unique class if you want to confine the change to the homepage only.