WordPress.org

Ready to get started?Download WordPress

Forums

[closed] NEWB Help please (15 posts)

  1. ucmj22
    Member
    Posted 1 year ago #

    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.

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    That's actually an HTML5 tag:
    http://www.w3schools.com/tags/tag_mark.asp

    (not in CSS)

  3. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  4. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    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

  5. ucmj22
    Member
    Posted 1 year ago #

    You're AWESOME! That fixed it! Much appreciated.

  6. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    @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.

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  8. ucmj22
    Member
    Posted 1 year ago #

    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

  9. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    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

  10. ucmj22
    Member
    Posted 1 year ago #

    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.

  11. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    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/

  12. hrpilz
    Member
    Posted 1 year ago #

    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.

  13. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

    @hrpilz You can ask for support on your own thread.

  14. yomster
    Member
    Posted 1 year ago #

    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?

  15. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

    Please contact Mystile's theme vendors.

Topic Closed

This topic has been closed to new replies.

About this Topic