• Hello, relative web newb, and complete WP newb here. I am having a little issue with a color I cant figure out how to change. I am using Woo theme “Mystile” and when I create product categories and have them displayed on the homepage, it displays the number of items in the category highlighted in yellow (#FFFF00) I cant figure out how to change this to a color that will match my current scheme. I have searched my CSS files in dreamweaver and cant find FFFF00 in any of them to change.

    in Chrome I can see the code that is affected but that isnt helping much
    <mark class="count">(4)</mark>

    website is abishandmade.com Thanks for any help.

Viewing 14 replies - 1 through 14 (of 14 total)
  • That’s actually an HTML5 tag:
    https://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.

    https://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="https://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! https://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

    Please contact Mystile’s theme vendors.

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘NEWB Help please’ is closed to new replies.