Navigation
Archive / Identifying and editing X CSS classes in the global customiser
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 17, 2017 at 8:52 am #1375032
    defthaus
    Participant

    Hi,

    I’m trying to customise some of the social elements that appear in the Renew theme in X and whilst I can identify and change them in Chrome developer tools, adding the css to the global CSS in Customizer doesn’t work.

    For instance, I can identify the class name of the facebook social icon as…

    i.x-icon-facebook-square

    If I add this code in developer tools the icon colour changes…

    i.x-icon-facebook-square {
    color: red;
    }

    However, if I add the same code to the custom global css nothing happens – even if I add !important

    As it stands I haven’t built any pages so nothing to show – I’m currently defining the theme settings and wanted to override the default colouring of the social icons in the footer (which is realise is set in the settings) but I want something slightly different.

    Can you point out where I’m going wrong please?

    Thanks.

    February 17, 2017 at 8:52 am #1375033
    defthaus
    Participant

    Oh – latest versions of everything – it’s a fresh install.

    February 17, 2017 at 10:23 am #1375208
    defthaus
    Participant

    Solved this – it works ok, the browser cache needed clearing!

    February 17, 2017 at 11:40 am #1375321
    Joao
    Moderator

    Glad to hear it,

    Cheers

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