Disable Hello Blogger Highlights Globally

Questions › Category: Questions › Disable Hello Blogger Highlights Globally
0 Vote Up Vote Down
Natasha asked 3 months ago

Hi, is there a way to disable the advanced highlights globally in Hello Blogger? I removed the advanced css class where I could but I don’t see a way to disable it site-wide. Thanks!

1 Answers
0 Vote Up Vote Down
Jennifer Staff answered 3 months ago

You can add this to your additional CSS

.hyd-highlight .kt-highlight, .hyd-highlight a .kt-highlight {
background: none !important;
}

Jennifer Staff replied 3 months ago

Keep in mind that if you ever want to use them, they will not show with that code. Otherwise it would be going through each spot and just turning off the advanced highlight for the text that is using it.

Natasha replied 3 months ago

Thanks, but unfortunately that didn’t work, The issue is that it shows on the Read More text for the blog page even after adding that CSS and clearing the cache, and the text is hard to read with the highlight color. Can it maybe be changed to a different palette number somehow? There are other blocks that pull the color from palette 1 and if the color is light enough to make the read more text clear, those blocks are too light and each one would have to be manually changed. Thanks!

Jennifer Staff replied 3 months ago

The Read More is not an advanced highlight, it is just styled like that. So it is different code. You can add this to remove it

a.post-more-link, a.post-more-link:hover {
background: none!important;
}

Or this to change it. Adjust the “global-palette1” to the numbers you want it to go to. OR change “var(–global-palette1)” to a hex code if the color is not in your palette.

a.post-more-link {
background: linear-gradient(to top, var(–global-palette1) 50%, transparent 50%)!important;
}

a.post-more-link:hover {
background: linear-gradient(to top, var(–global-palette2) 50%, transparent 50%)!important;
}