a:active doesn´t work on the sidebar menu (posts)

Sparkling
1

I have done a sidemenu (widget) for the posts and I added a style with:
/* left menu */ #secondary .widget a {
color: #000000;
} #secondary .widget a:visited {
color: green;
} #secondary a:hover {
color: red;
} #secondary .widget a:active { background-color: #cccccc; }

Most of it works but not the a:active link, it only shows the second I click on it, (I have even tried with focus) but I want it visible so I know which post I´m looking at.

What should I do?

2

Hey there

Please provide link to the page and tell me what exactly you want to achieve, what is your goal ?

3

I´m sorry but the website is private but the theme is Sparkling and I haven´t changed any code. Except for the added style (as above). I want the active post title in the sidemenu have a background-color (for ex #ccc) or #secondary .widget a:active { color: blue; }
Please look att the attached pic.

4

Good morning

Sorry, but without an actual page, I cant generate code, its bit complicated, one idea i to browse our demo and check if you can find similar layout on our website give me a link to the page and i till take code from that page

5

Hallo again
I did a testsite:
http://temp.orderonline-webshop.se/wordpress/
I added a style for the sidemenu, that the active post should have a background-color (grey) on the sidemenu.
But it doesn´t work, it only shows for a second when I´m clicking on it, but it will not last.
Like when I´m clicking on the Example page (at the topmenu) it will be red when I´m on that page.
What is missing in your code?

/Helena

6

hello Helena

ok, i see the page but its different than screenshot, just for checking, on this page
you want “Hej världen!” with bg color?

7

I changed the name of the titles. I would like; when I click on “Sektion 2018-10-02-04” (for example) on the sidemenu the title “Sektion 2018-10-02-04” will be bg-color grey on the sidemenu. Because it is the active post.

8

Im so sorry to say but looks like this is not possible, we don’t have CSS class “active” to style the selected element :frowning:

9

:frowning:

10

im really sorry about that :frowning:
Is there anything else i can do for you?