Navigation
Archive / Google Fonts selected under Typography overwritten by other CSS
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 25, 2016 at 9:25 am #1146648
    rafael
    Participant

    On my website header there is this style#x-generated-css tag with lots of CSS from the function x_output_generated_styles(). This is overwriting the fonts I select under Typography and Header options of X’s customizer.

    If I comment the contents of the function inside x/framework/functions/global/enqueue/styles.php for testing, then I notice that another style tag with CSS comes up in the head section: style#cornerstone-custom-page-css.

    If I comment the contents inside the block if ( apply_filters( '_cornerstone_custom_css', isset( $this->postSettings['custom_css'] ) ) ) { in the file plugins/cornerstone/includes/classes/common/class-front-end.php then everything is messed up.

    I tried commenting code sections for testing only, to try to find out what’s going on. But no luck.

    The CSS inside both these style tags bring up a Segoe UI font that I have no idea where to remove it. Also there is a component that is adding inline CSS to several elements, also adding this Segoe UI font. Check for instance the content inside div#x-section-3.

    I need help on how to get rid of this font setting that is not coming from X’s customizer as far as I know.

    August 25, 2016 at 9:30 am #1146655
    rafael
    Participant
    This reply has been marked as private.
    August 25, 2016 at 10:53 am #1146814
    Rupok
    Member

    Hi there,

    It seems you have added the font-family: "Segoe UI"; to the Text element with inline CSS field. I can’t edit the page or can’t see this under Pages so couldn’t point exactly with screenshot. But you have added this to the Text Element that all I can see.

    Cheers!

    August 25, 2016 at 11:20 am #1146852
    rafael
    Participant

    That’s my point: I did not add anything.

    I don’t know what component added it. That’s what I’m looking for help to find out. 🙂

    Also that’s not the only point in my first post in this thread. Several other places have the Segoe UI font applied by the CSS in style#x-generated-css and style#cornerstone-custom-page-css in the <head> section.

    August 25, 2016 at 1:46 pm #1147053
    rafael
    Participant

    Chrome, Edge, and IE on Windows display the right fonts.
    But Firefox on Windows; Chrome, Chromium, and Firefox running on Ubuntu; and on mobile browsers the fonts are different.

    Notice the fonts of the top menu on the screen captures of Firefox on Ubuntu, and Chrome on Windows in the attachments.

    August 25, 2016 at 2:44 pm #1147120
    rafael
    Participant

    The inline styles and the x-generated-css are coming from Cornerstone’s settings for the homepage post. I though it was a component of the X theme. Issue solved then.

    August 25, 2016 at 3:41 pm #1147196
    Joao
    Moderator

    Glad to hear it,

    let us know if you need help with anything else.

    Joao

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1146648 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>