[ZAAAX]

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]

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

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

[ZAAAX]

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]

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]

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