Archived topic

exclude CSS class

1 reply · Started by Henk on February 21, 2022

Viewing posts 1–2 of 2

February 21, 2022 at 3:33 pm #2128237

Hello,

I have the following CSS, that specifies another underline style:

.inside-article a {
	color: black;
	padding: 0px 2px;
	border-bottom: 2px solid #39c;
	text-decoration: none;
	background-color: transparant;
	padding-bottom: 1px; 
	transition: all .3s ease-in-out;
	
}

.inside-article a:hover {
	background-color: #57bae5;
}

I would like to exlude the class .context-menu-rechterkantlijn.
I tried different settings with :not(.context-menu-rechterkantlijn) but I can't find the correct solution.

The class .context-menu-rechterkantlijn is the submenu at the right side of the page.

Can you tell me how I can accomplish the exclution of the class .context-menu-rechterkantlijn?

Thanks Henk.

February 21, 2022 at 3:39 pm #2128244

Hi Henk,

It would be easier to just write an extra set of CSS to remove or overwrite the existing one:

For example:

.inside-article .context-menu-rechterkantlijn a {
    color: #ffffff;
    border-bottom: none;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps :)

This archived topic is closed to new replies.

Start building better websites today.