Customize Adelle menu CSS: remove underlined active link

lanineblog · Member · Oct 16, 2014 at 10:05 am
Copy link

Add topic to favorites
Hi everyone,

Firstly, I’m sorry for my approximative english! ;)
Here, this is my website: http://www.lanine.fr

I try to remove the underline on my header menu active link but I can’t find where I have to do that in the CSS. I success to change the color of the hover but not that.
I think I need to put something like that no?

{
.nav a:active
text-decoration: none;
}

Thanks for your help, I begin in CSS and this is not always easy! ;)

Have a nice day!!!

The blog I need help with is: (visible only to logged in users)
hallluke · Member · Oct 16, 2014 at 10:34 am
Copy link
Bonjour Audrey! Your English is very good, so don’t worry about it.

Firstly, you have a self-hosted WordPress.org site so, in future, it would be better to ask in their forums as the two versions of WordPress are somewhat different and many volunteers here in the WordPress.com forums won’t be familiar with things that will help.

However, I’ve looked at your problem and the solution should be simple. Your site has different classes for menu items that correspond to the current page and it can be altered with the following CSS code:
```
.nav .current-menu-item > a,
.nav .current-menu-ancestor > a,
.nav .current_page_item > a, .nav
.current_page_ancestor > a {
  text-decoration:none!important;
}
```
Bon chance!
lanineblog · Member · Oct 16, 2014 at 11:11 am
Copy link
Oh thanks a lot, it works!!
You rock!!
lanineblog · Member · Oct 16, 2014 at 11:20 am
Copy link
I’m sorry but I have another little problem.
When I go on archive link like http://www.lanine.fr/category/beaute/ or “musique”, “deco”, I have a text at the top of my section, “Archive of ‘Beauté’ category”, I would like to remove it, how could I do that please?
Maybe I have modified something I don’t know, but, I don’t have this at the beginning of my theme.

Thanks a lot for your help!
hallluke · Member · Oct 16, 2014 at 11:58 am
Copy link
This will do it just for the category pages:
```
.archive.category .pagetitle {
  display:none;
}
```
And this should do it for all archive pages (categories/tags/authors/dates/post-types/etc…):
```
.archive .pagetitle {
  display:none;
}
```
lanineblog · Member · Oct 16, 2014 at 12:25 pm
Copy link
Woooooow!!!! :O
I’m grateful to you! Thanks a lot!!
Thanks to you, I have something like I want! ;)
Thanks
lanineblog · Member · Oct 16, 2014 at 1:13 pm
Copy link
I’m embarassed to ask one more thing, I don’t know if you know how to do that, maybe it’s more simple to use another slider, I don’t know.
My problem is the black border around the frame of the slider, I want to have no border or if its impossible, at least, to put them in white, it is possible or not? Thanks thanks thanks!!!
lanineblog · Member · Oct 16, 2014 at 1:14 pm
Copy link
http://www.lanine.fr/category/deco/

The slider is here :)
hallluke · Member · Oct 16, 2014 at 1:29 pm
Copy link
Setting the border and background to transparent will work:
```
.slideshow-window {
  border-color:transparent;
  background:transparent;
}
```
lanineblog · Member · Oct 16, 2014 at 1:59 pm
Copy link
I tried but it does not works. Don’t worry, if it’s too hard to do, I will looking for another slider.

You already help me a lot!!
hallluke · Member · Oct 16, 2014 at 3:47 pm
Copy link
With WordPress.org I’m not sure how you’re loading in the CSS so it might be worth asking on their forum as I suggested earlier.

Otherwise try forcing the issue with !important:
```
.slideshow-window {
  border-color:transparent!important;
  background:transparent!important;
}
```

No items found.