Highlight webpage Buttons on the Header Menu, when a specific webpage is accessed?

(0) Share

Report

Posted on by Robert94

520

Hi,
So in this example I have two webapges, aka 2 buttons

I want, when accessing the Projetos button, that button to be highlighted with a color, maybe coloring the text, or adding a rectangular in the background of it. This indicated to the user that he is on that webpage, so the highlighting will show as long as the user is in that webpage.

Categories:

General topics

I have the same question (0)

All responses (2)

Answers (0)

ragavanrajan 7,044 Most Valuable Professional on at

Like (0)

Report
Hi @Robert94

Yes, it is possible. Please try the following in your localized content > custom CSS section.

.button1:hover { color: black !important; background-color: green !important; border-color: red !important; }

Note: Add CSS class for your button. In my case: It is button1

2. Hit save.

You can also use :visited selector and modify colors

:visited { css declarations;}

------------
In Design Studio

1. Pres sync configuration and preview the website. And press "Ctrl+F5"

Output:

On Hover:

Hope it helps.
------------

If you like this post, give it a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users to find it.

Was this reply helpful? Yes No
Robert94 520 on at

Like (0)

Report

Hi @ragavanrajan , thank you for your response.
I can`t seem to find the Button name, I tried with inspect and with the html code inside the Portal Editor, while selecting the Button, but with no success.
This is how the inspect looks

Also, what I want to achieve, is to keep that button highlighted the whole time I`m in that page, is that what the code you provided will do?

Was this reply helpful? Yes No