Custom CSS Not Responding

  • Posted in : Read WP
  • ZAAAX
    Participant

    Hi There, love your work. Am having a problem with the custom css coding.
    I’ve added custom css however what I’ve added isn’t displaying at all.
    Am using Chrome, checked Firefox and it’s not displaying either.
    Checked ccs and it’s all good.
    Searched forum and couldn’t find answers.

    Site is at Draft Design

    CSS custom code located in the Custom Code section of Theme Options is ….


    body {background-color: #FBFCF4;}

    /* HEADER */
    .site-header { padding-top:10px; padding-bottom: 10px; text-align:center; }
    .site-header hgroup { padding: 22px 0 5px 0; }
    h1.site-title { font-size:46px; line-height:16px; margin-bottom:10px; margin-top:0; }
    h1.site-title img { max-height:200px; }
    /*h1.site-title a { border-bottom:1px dotted #ccc; }*/
    h1.site-title a:hover { color:#000; }
    /*.site-description { font-size:.8em; font-weight:400; }*/

    /* NAVIGATION */
    /*.main-navigation { border-style:solid; border-width:1px 0; border-color: #eee; }*/
    .main-navigation ul { list-style:none; padding:0; margin:0; }
    .main-navigation ul li { position:relative; display:inline-block; margin:0 1.25em; padding:1em 0; max-height: 1.5em; font-size:.9em; }
    .main-navigation ul li a { display:inline-block; }
    .main-navigation ul .current-menu-item > a { color:#C30; }
    .main-navigation ul li, .main-navigation ul li a { color:#333; }
    .main-navigation > ul > li > a:hover, .main-navigation > ul > li > /*a.selected { border-bottom:1px dotted #ccc; }*/

    I was thinking maybe I should be trying the external css instead if this coding is too much for the field box in Custom Code Options.

    Hope you can help.

    Regards,
    Z

    ahmetsali
    Keymaster

    Hi, you can check your custom css code for errors in this link;

    https://jigsaw.w3.org/css-validator/#validate_by_input

    ZAAAX
    Participant

    Yes thanks for that ahmetsali. I found one mistake in the last line of CSS. Fixed it.

    Although the css is now correct there’s still the issue of the code not loading or displaying as it’s written in the custom code field box.

    To make sure I had the right css I utilized Google’s Inspect Element to find the right coded area and related css effect.

    What should I do to make Read theme respond to the custom css code I have written into the custom code field within options?

    ZAAAX
    Participant

    Hold on, I actually found how the custom css coding is called and that made my customs works.

    Thanks for making this excellent theme btw.

    Best Regards,
    Z

    ahmetsali
    Keymaster

    thanks, glad to see that you have sorted it out.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register