Archived topic
Elementor custom CSS changing GP Navigation Header
6 replies · Started by David on September 6, 2018
Hi Tom and team,
I'm not sure if you can assist with this as it is probably an Elementor issue... but I figured I'd ask anyways. I am changing the way my links look on certain pages (i.e. having a dotted line underneath instead of a solid one). I add the custom CSS to the section in elementor for the dotted line and it adds the dotted line to my navigation menu too! (which by the way is not editable in elementor, it just displays at the top of every page).
Any idea around this?
Thanks in advance for any support you may be able to lend.
Cheers,
David
Hi there,
Any chance you can link us to the site in question? We can likely help with some CSS.
You can edit the original topic and use the private URL field.
Let me know :)
Hi Leo,
I edited the post and included the website URL. Notice how the underline is on the blog posts (I added custom CSS to just that block) but it also does the same thing to the logo and links in the header sticky nav.
It's got me puzzled. :)
I even removed the elementor custom CSS and added it to the child theme instead... it still effects the menu links and logo with the underline (which links to the homepage).
I'm probably missing something simple...
Hi there,
Instead of this:
a, a:visited, a:active {
text-decoration: none;
color: #0099ff;
border-bottom: 1px dotted;
}Do this:
.entry-content a, .entry-content a:visited, .entry-content a:active {
text-decoration: none;
color: #0099ff;
border-bottom: 1px dotted;
}Let me know :)
Tom! Thank you man! I've spent way too much time trying to figure this out, haha.
After adding that entry-content class to the input field in Elementor everything worked perfectly. I tried to do that myself after referencing a former post of yours by using "dotted" as a class but I guess I was doing something wrong.
Thanks so much :)
Glad I could help! :)
