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?

Can Webflow allow for the addition of a video in a lightbox that automatically loads and opens on page load?

How can I implement a looping feature on my Webflow website using a specific code?

Why is my custom font not showing on iOS in Webflow and how can I fix it?

How can I change the checkbox name in Webflow?

Is there a way to have a button that disables all scroll interactions on a Webflow site when clicked, and if so, would custom code be required?

Can you help me troubleshoot why the font from Adobe Typekit is not working on my Webflow site, even though it is still selected in the font drop down?

How can I link the "read more" button or the title on my collection page in Webflow to the corresponding post?

Can I change the background color of a dropdown toggle in Webflow using custom code and target its class based on the open status?

Have you encountered a similar issue when embedding a Vimeo video on a Webflow page where there is a 1 px grey border around the container holder? Is custom code required to fix this?

How can I move the navigation button to the right side of the screen in Webflow?