That’s actually an HTML5 tag:
http://www.w3schools.com/tags/tag_mark.asp
(not in CSS)
But it looks like you can change the color by adding CSS for that tag:
mark {
background-color: blue;
}
Add that to your custom CSS – and change the color according to what you want — if you don’t want any use white.
in Chrome I can see the code that is affected but that isnt helping much
<mark class="count">(4)</mark>
it is helping – because you can now overwrite that in the custom css section;
.count { background: transparent; }
the mark tag seems to get its formatting from the browser default values; and your theme is simply ignoring to reset those formats.
http://www.w3schools.com/tags/tag_mark.asp
Thread Starter
ucmj22
(@ucmj22)
You’re AWESOME! That fixed it! Much appreciated.
@wpyogi
out-of-context:
would you know where to find lists of browser default settings for undefined elements?
i.e. Firefox showed the mark with a bright yellow background.
That tag was actually news to me — LOL! Learn something new everyday around here 🙂 I just experimented with it in Firebug. I was kind of surprised that W3C didn’t have any real info about it – like the defaults. But maybe they are just thin on HTML5 as yet? I’ll look around – would be interesting/useful to know.
Thread Starter
ucmj22
(@ucmj22)
since you guys are awesome, and I have spent the last 3 hours trying to figure this out, I figured I would bother you again. My featured image on my homepage has a dot pattern overlay… and I cant figure out how to remove it. Here is the section I am referring to
<div class="homepage-banner">
<img src="http://www.abishandmade.com/wp-content/uploads/2013/01/lineup.png" alt="" />
<h1><span></span></h1>
<div class="description"></div>
</div>
here is the CSS for “homepage-banner”
}
.homepage-banner {
display: none;
}
Thanks again for any help! http://www.abishandmade.com
caused by this in /css/layout.css
.homepage-banner:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 50;
bottom: 0;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQIW2NkYGAwBuKzQAwGjDAGNgGwSgwVAFCGAgUGpiTrAAAAAElFTkSuQmCC);
}
remove it with this added to custom.css:
.homepage-banner:after { display: none; }
or probably rather better, remove it from /css/layout.css
Thread Starter
ucmj22
(@ucmj22)
Well played sir!
I hope at some point I can contribute enough to this forum to repay for all the Help I have/will receive.
Firefox’ web developer add-on is quite a useful tool to work with to investigate those odd formatting problems – https://addons.mozilla.org/en-US/firefox/addon/web-developer/
does anyone know how to reduce the size of the banner? And can I say Thank you sooo much for the other two bug fixes. I’d spent quite a few hours trying to fix this.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
@hrpilz You can ask for support on your own thread.
I have a problem with the Mystile theme. My country in not on the list of currency offered and I would like to change it to the Nigerian currency can anybody help?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
