Docs

[jsjmccracken]

Hello,

Under the logo there is a white dotted line. I’m not sure how it’s showing up as it’s not part of my logo on file.

Here’s the website: http://www.tablerockkennels.com/

Thank you!

Jacob McCracken

[Rahul]

Hey There,

Thank you for contacting us 🙂
You can add this under Custom > CSS in the Customizer.

.x-topbar .p-info, .x-topbar .p-info a, .x-navbar .desktop .x-nav > li > a, .x-navbar .desktop .sub-menu a, .x-navbar .mobile .x-nav li > a, .x-breadcrumb-wrap a, .x-breadcrumbs .delimiter {
    color: transparent;
}

Let me know if this helps.

Thanks

[jsjmccracken]

That gets ride of the dotted line but it also makes the navbar links transparent as well as the slogan which isn’t desired.

The dotted line is still there when hovering over the logo.

[jsjmccracken]

I was able to get the navbar links to not be transparent as well as the slogan by shortening the code to:

.x-topbar .p-info a {
color: transparent;
}

I still can’t figure out how to remove the dotted line under the logo when the mouse hovers over it? I thought this code would work but it hasn’t:

.x-brand:hover img {
content: URL(http://www.tablerockkennels.com/wp-content/uploads/2016/12/TRK-Logo-Transparent_2.png);
color: transparent;
}

I also tried :

.x-topbar .p-info:hover img {
content: URL(http://www.tablerockkennels.com/wp-content/uploads/2016/12/TRK-Logo-Transparent_2.png);
color: transparent;
}

But that didn’t work as well.

Help with getting rid of the white dotted line when the mouse hovers over the logo will be greatly appreciated 🙂

[Jade]

Hi Jacob,

Pleased try this code:

.x-topbar .p-info a,
.x-topbar .p-info a:hover {
    border-bottom: 0;
}

Hope this helps.

[jsjmccracken]

It worked 🙂 Thank you!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts