Forum has been created to help all our customers in properly working our theme. We offer complete help with configuration theme and make default look, just like on our Be|theme demo. We don`t offer theme customization.


Before creating a new discussion, please:
1. Check on forum if discussion hasn`t been created before. Use the forum Search on the right.
2. Read carefully the documentation included to package.
3. If you didn`t find what you need and would like to post a new question click the "Start a New Discussion" button on the right.
4. You can post on forum only after registration (you need purchase code to register) .


NOTE!!! If you are starting a new topic and have got problems with your site and you want us to check what`s wrong please always give url to your site because without that we can`t check what`s wrong. Each case may be different because of your installed plugins, servers or other things.


IMPORTANT!!! Along with your inquiry, please attach the address of the page which concerns the question. This will cause the time to answer on your question will be much shorter. If you do not want to publish your address publicly in the forum, please send a private message. Thanks!

Child Theme is breaking icons

Hello,

I've tried to use your child theme in order to delete some "!important" css code from base.css which interferes with styling a booking form plugin.
However when I activate it, all icons on the site stop working and display a □ instead.

What do I need to do to make icons work with the child theme?


And is there a different/better way to remove a few lines of code from base.css?

These are the rules I can't seem to overwrite with custom CSS:
.ui-datepicker table tr:first-child td{background:inherit!important}
.ui-datepicker table tr:hover td{background:inherit!important;color:inherit!important}
.ui-datepicker table tr:hover td a{color:inherit!important}
.ui-datepicker table tr:nth-child(2n) td{background:inherit!important}


Thank you very much for your help!

Joh



Comments

  • Please sign in to see answear!
  • Hello Pablo,

    I will try that thank you. It's a shame the Betheme developers didn't read this guide, otherwise they'd know not to use !important in a site-wide style sheet ;-)

    • Always look for a way to use specificity before even considering !important
    • Only use !important on page-specific CSS that overrides foreign CSS (from external libraries, like Bootstrap or normalize.css).
    • Never use !important when you're writing a plugin/mashup.
    • Never use !important on site-wide CSS.

  • Let's say I do want to use the child theme, what can I do to fix the icons issue?
  • edited July 30
    Please sign in to see answear!
  • I know, just poking a bit of fun  :)

    Any ideas what could fix the icons not showing up in the child theme?
  • Please sign in to see answear!
  • Hi Pablo,

    Yes the problem persisted even with all plugins disabled. 

    I copied the fonts folder across to the child theme and that solved the problem, if anyone else has the same issue.

    Not the most ideal solution but I don't expect the icons css to be updated a lot, so should be fine. Otherwise I'll check with my host about CORS library.

    Thanks for your help!
Sign In or Register to comment.