Docs

[JW & Co.]

Hello,

I have a bunch of custom CSS in the customizer on verobeachskatepark.org.

Unfortunately, it appears that this particular block of CSS which was working before has decided to quit on me:

/*HR Edits*/
.h-custom-headline.line-headline {
    position: relative;
}

.h-custom-headline.line-headline:before,
.h-custom-headline.line-headline:after {
    content: \"\";
    background-color: #e5e5e5;
    width: 100%;
    height: 3px;
    display: block;
}

.h-custom-headline.line-headline:before {
    position: absolute;
    bottom: 0;
    background-color: #019b85;
    width: 240px;
}

Any thoughts as to why that might be? The class is still individually applied on each headline.

[Jade]

Hi there,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[JW & Co.]

This reply has been marked as private.

[Friech]

Hi There,

Thank you for the credentials. On your code above, was the two backslash [\] are part of the design? If not please remove those and leave only the content as this:

content: " ";

Hope it helps, Cheers!

[JW & Co.]

Don’t know how that got added in. Thanks for catching it. Is there a tool you use to screen for CSS that doesn’t belong like that?

Thanks.

[Jade]

Hi there,

We use commonly use browser developer tools such as what is available in Chrome when you hit F12.

Hope this helps.

[Author]

Posts