fluida-main-inline-css overriding my child-theme css

  • idomonzon

    (@idomonzon)


    8 years, 5 months ago

    I created a child theme for fluida theme and my css in the style.css didn’t work, so I found that there is a style tag in the <header> that named fluida-main-inline-css and it includes all the theme css and makes it overriding on my child-theme style.css that I created exactly how it showed in this page: https://codex.ww.wp.xz.cn/Child_Themes

    How can I avoid from this inline-css?
    There is a way to inject my child theme css after this inline-css?

    Thanks for helpers!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Kim White

    (@kimwhite)

    8 years, 5 months ago

    Sorry that you are having problems. As your question has to do with how the theme is written, and no link is provided to see the behavior, it would be best to contact the Fludia support for this one.
    https://ww.wp.xz.cn/themes/fluida/
    or
    https://www.cryoutcreations.eu/wordpress-themes/fluida

    Kim White

    (@kimwhite)

    8 years, 5 months ago

    You “might” be able to override the inline with “!important” on your styles…
    (see https://css-tricks.com/override-inline-styles-with-css/)
    but I do think it would be best if you can make the change with the theme.

    Thread Starter idomonzon

    (@idomonzon)

    8 years, 5 months ago

    I thought about !important, but it will slow the loading of the CSS and will look unprofessional.
    The child-theme is like this:

      fluida-child (folder)

    • style.css (file) 
      /*
 Theme Name:   Fluida Child
 Theme URI:    http://example.com/fluida/
 Description:  Fluida Child Theme
 Author:       Ido Monzon
 Author URI:   http://example.com
 Template:     fluida
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  fluida
*/

/* CSS code here */
    • functions.php (file) 
      <?php
function my_theme_enqueue_styles() {

  $parent_style = 'fluida-style';

  wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
  wp_enqueue_style( 'child-style',
    get_stylesheet_directory_uri() . '/style.css',
    array( $parent_style ),
    wp_get_theme()->get('Version')
  );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
    • This reply was modified 8 years, 5 months ago by idomonzon.
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘fluida-main-inline-css overriding my child-theme css’ is closed to new replies.