How can I modify the Current class in Webflow so that the background color of the link on the contact us page matches the Services link but with underlined text?

Published on

September 22, 2023

Note

CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

To modify the Current class in Webflow and achieve the desired effect of matching the background color of the link on the contact us page with the Services link, while also underlining the text, you can follow these steps:

Select the link element on the contact us page: Go to the page where you want to modify the link's Current class, and select the link element using either the Navigator panel or by clicking on the link directly in the Designer.
Open the Style panel: With the link element selected, open the Style panel by clicking on the paintbrush icon on the right-hand side of the Designer interface.
Edit the Current class style: Within the Style panel, locate the Current class section. Here, you can modify the styles for the Current state of the link.
Match the background color: To match the background color of the link with the Services link, you need to copy the background color value used on the Services link. You can do this by either inspecting the Services link using your browser's Developer Tools, or by noting the color values used in the Style panel for the Services link.

Set the background color: In the Current class section of the Style panel for the link on the contact us page, you can modify the "Background" property and paste the color value you copied from the Services link. This will ensure that the background color of the link on the contact us page matches that of the Services link.

Add text underline: To add an underline to the link text, find the "Text Decoration" property in the Current class section of the Style panel. Change the value of this property to "Underline". Now, the link on the contact us page will display underlined text.
Preview and adjust if necessary: After making these changes, preview your website to see the modified link. If needed, you can further refine the styles by adjusting font size, color, or any other properties in the Current class section.

By following these steps, you should be able to modify the Current class in Webflow so that the background color of the link on the contact us page matches the Services link with underlined text.

Additional Questions:

How do I select an element in Webflow to modify its styles?
Can I create custom classes in Webflow?
How can I apply hover effects to a link in Webflow?

How can I automatically populate a box with a formatted currency value in Webflow?

1.) Is it possible to have a master template for multiple Webflow sites?2.) How can changes made to the master template affect all of the sites?

Why isn't my contact form working in Webflow?

Is there a way to trigger the animation with anime.js only on the currently visible .h2 heading in Webflow?

What steps can I take in Webflow to address Javascript issues and improve the speed of my site?

How can I make changes to the navbar for tablet and phone views without affecting the desktop view in Webflow?

Do you know how to implement the code to automate open/closing hours in Webflow if you want to use it twice for two different places with different sets of hours?

How can I auto-format an input field in Webflow to display as local currency using the Mask Money jQuery plugin?

Does anyone know how to properly implement a script that redirects a website to a specific landing page based on the user's location in Webflow?

How can I create a reverse proxy server in Webflow to host a readable toml file?