Support » Theme: Catch Box » css filters are hard to override in child theme.

  • CSS like this drives me nuts!!!! You have all those filters and the only way to turn them off is to overwrite EACH of those statements instead of just changing my background color.

    #branding ul.menu li:hover > a,
    #branding ul.menu a:focus,
    #colophon #access-footer ul.menu a:hover,
    #colophon #access-footer ul.menu a:focus {
    background: #e5e5e5; /* Show a solid color for older browsers */
    background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
    background: -o-linear-gradient(#f9f9f9, #e5e5e5);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
    background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#f9f9f9′, endColorstr=’#e5e5e5′); /* for IE */
    color: #373737;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • @graftedin: Thanks for your review but this is supposed to be support question and doesn’t look like Review. For support, please post in our free registered support forum at http://catchthemes.com/support-forum/forum/catch-box-public/ where you can see I have been actively answering this type of questions.

    That filter and all is used for give gradient effect and this is normal CSS3. So, there is nothing harm in this. But if you want to to have solid color background then you can simply change the color code in the following css and then add it in “Appearance => Theme Options => Custom CSS” box or in your child theme style.css

    #branding ul.menu li:hover > a,
    #branding ul.menu a:focus,
    #colophon #access-footer ul.menu a:hover,
    #colophon #access-footer ul.menu a:focus {
    background: none #000;
    color: #fff;
    }

    Please review for the theme but for the support question.

    It was a review. It took way too much time to get rid of a mysterious background that was happening if I “rubbed” the link just right. It was partially as a result of your fancy css. Fancy css is great on child themes. I don’t like it on parent themes because I find my self wasting way too much time overriding it.

    The bottom line is I rate themes on the time it takes me to “tame” them. I am really picky about css and other theme elements that have to be gotten rid of for a theme to function properly.

    A big one is the colors on hovers, focus, and active.

    And often an even bigger one are paddings and margins at the top of elements that prevent them from aligning to the top. And I had a few of those in your theme too.

    @graftedin: thanks but gradient css is normal and it’s not that complicated. It is used by theme widely. You can also see it has been used by WordPress default theme https://wordpress.org/themes/twentyeleven/.

    Also to edit that is not that hard, you can see above comment where I have already given you the simple solution.

    If you don’t like this theme then I understand it. Thanks for your review. But sorry it look more like support question.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘css filters are hard to override in child theme.’ is closed to new replies.