Title: CSS overwrite
Last modified: August 31, 2016

---

# CSS overwrite

 *  Resolved [fgossieaux](https://wordpress.org/support/users/fgossieaux/)
 * (@fgossieaux)
 * [10 years ago](https://wordpress.org/support/topic/css-overwrite-1/)
 * I have been trying to overwrite the font-family and font size of the FAQ to match
   the rest of my page (Roboto, and 15px), but to no avail. I tried all the recommendations
   of [https://wordpress.org/support/topic/question-to-css?replies=12](https://wordpress.org/support/topic/question-to-css?replies=12),
   but the size remains h4 and the fonts don’t switch family.
 * Here is my page — [https://www.localcaptures.com/tour-guide-on-boarding/](https://www.localcaptures.com/tour-guide-on-boarding/)
 * [https://wordpress.org/plugins/ultimate-faqs/](https://wordpress.org/plugins/ultimate-faqs/)

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [etoilewebdesign](https://wordpress.org/support/users/etoilewebdesign/)
 * (@etoilewebdesign)
 * [10 years ago](https://wordpress.org/support/topic/css-overwrite-1/#post-7436747)
 * Hi fgossieaux,
 * Thank you for notifying us of the small issue. We have released an update which
   should allow you to use the font-family and font-size sections of the styling
   tab.
 * Also, be sure to write “px” or “em” after the size 🙂
 * Let us know how it works out for you!
 * Best regards,
 *  Thread Starter [fgossieaux](https://wordpress.org/support/users/fgossieaux/)
 * (@fgossieaux)
 * [10 years ago](https://wordpress.org/support/topic/css-overwrite-1/#post-7436860)
 * Thanks for doing this, but it still does not seem to work. Here is what I put
   in both my theme CSS customization and in your plugin custom css…neither would
   change anything:
 * .ufaq-faq-title-text {
    font-family: roboto, sans-serif; font-size: 15px; } .
   ufaq-faq-category-title { font-family: fira sans, sans-serif; font-size: 22px;}
 *  [etoilewebdesign](https://wordpress.org/support/users/etoilewebdesign/)
 * (@etoilewebdesign)
 * [10 years ago](https://wordpress.org/support/topic/css-overwrite-1/#post-7436880)
 * Hi fgossieaux,
 * The issue was stemming from the styling page itself. First, remove or comment
   out the custom CSS that you have under both the theme, and the plugin’s custom
   CSS. You should be able to style your plugin without the need of custom CSS, 
   as it will generate it automatically. It is found under the **dashboard > FAQs
   > FAQ Settings > Styling.**
 * Under FAQ Question, there is Font Family, in which you may type in `Roboto` and
   the Font size would be `15px` . Then, you would only have to save your changes,
   and it should display properly on your front-end.
 * When the element is inspected, the CSS code shows the following:
 *     ```
       div.ufaq-faq-title h4 {
       font-family: Roboto !important;
       font-size: 15px !important;
       }
       ```
   
 * The CSS given might have not been shown due to the h4 tag within the divider.
 * Let us know if the styling tab works for you properly. 🙂
 * Best regards,
 *  Thread Starter [fgossieaux](https://wordpress.org/support/users/fgossieaux/)
 * (@fgossieaux)
 * [10 years ago](https://wordpress.org/support/topic/css-overwrite-1/#post-7436883)
 * Thanks, but I had not decided to upgrade to the premium version yet.
 *  [etoilewebdesign](https://wordpress.org/support/users/etoilewebdesign/)
 * (@etoilewebdesign)
 * [10 years ago](https://wordpress.org/support/topic/css-overwrite-1/#post-7436893)
 * Hi fgossieaux,
 * In this case, the code should be updated as the previous one sent. The reason
   for which your code was not overriding the default styling is just due to the
   missing h4 tag. 🙂 It should look like this:
 *     ```
       div.ufaq-faq-title h4 {
       font-family: Roboto !important;
       font-size: 15px !important;
       }
   
       div.ufaq-faq-category-title h4{
       font-family: Fira sans, sans-serif !important;
       font-size: 22px;
       }
       ```
   
 * Hope you will continue using our plugin. Do not hesitate to contact us for additional
   information. We will be glad to help you!
 * Best regards,
 *  Thread Starter [fgossieaux](https://wordpress.org/support/users/fgossieaux/)
 * (@fgossieaux)
 * [10 years ago](https://wordpress.org/support/topic/css-overwrite-1/#post-7436895)
 * Thank you — that worked!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘CSS overwrite’ is closed to new replies.

 * ![](https://ps.w.org/ultimate-faqs/assets/icon-128x128.png?rev=1803957)
 * [Ultimate FAQ Accordion Plugin](https://wordpress.org/plugins/ultimate-faqs/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ultimate-faqs/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ultimate-faqs/)
 * [Active Topics](https://wordpress.org/support/plugin/ultimate-faqs/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ultimate-faqs/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ultimate-faqs/reviews/)

 * 6 replies
 * 2 participants
 * Last reply from: [fgossieaux](https://wordpress.org/support/users/fgossieaux/)
 * Last activity: [10 years ago](https://wordpress.org/support/topic/css-overwrite-1/#post-7436895)
 * Status: resolved