custom CSS not taking effect

  • Resolved Alistair Bell

    (@designfood)


    11 years, 5 months ago

    Thanks for your theme and your time and the same to anyone else that may comment on this.

    I am trying to make some mods to the theme so it fits with my client branding. For example I wanted to change the nav. (menu button) text colour and so got the code to edit from another post and added/edited it in the custom CSS section. This had no effect so I tried adding it directly to the style.css file and it did work.


    .navbar .nav > li > a {
    color: #B72755;
    }
    .navbar .nav > li > a:hover {
    color: #e9a825;
    }

    .navbar .nav > li > a:first-letter {
    font-size: 16px;
    }

    As you have suggested I would rather add this to the custom CSS section but how do I get it to work. My site is…
    https://uppinghamheritagetrail.org.uk/

    Thank you

    Ali

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author presscustomizr

    (@nikeo)

    Hi,
    For security reasons (SQL injections) this kind of code is not supported by the custom css section since it includes a special character : >.

    Use a child theme > style.css to add this css.
    cheers

    Thread Starter Alistair Bell

    (@designfood)

    Brilliant! I have just created my first child theme. (should have learned to do this before) for anyone else looking to do this look here.

    This has fixed the issue. Many Thanks nikeo. You are a star!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘custom CSS not taking effect’ is closed to new replies.