Hi there! Glad you like it 🙂
To change the pre styling, you could add some custom css like this:
.entry pre { font-size: 14px; line-height: 1.4em; background-image: none; }
As an example.
Here is the complete CSS that the theme currently uses for pre/code:
.entry code, .entry pre { font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; font-size: 11px; }
.entry pre { background: url(img/pre.png) repeat top; padding: 18px 20px; margin: 30px 0; border: 1px solid #ddd; line-height: 19px; white-space: pre-wrap; word-wrap: break-word; overflow-x: auto; overflow-y: hidden; }
To add custom css, you’d either create a child theme (see theme documentation in help dropdown for more info on that) or a custom css plugin.
Thanks Alex. Ok I will dig deep into creating a child theme. Will you help me a bit once this is done?
My understanding here is that once the child theme is done I find the line specified above. Which .CSS file do I find this please?
Then where do I put the following line? Do I add the information in Bold it at the end before the semicolon?
.entry pre { font-size: 14px; line-height: 1.4em; background-image: none; }
in the existing:
.entry code, .entry pre { font-family: Monaco, “Courier New”, “DejaVu Sans Mono”, “Bitstream Vera Sans Mono”, monospace; font-size: 11px; }
.entry pre { background: url(img/pre.png) repeat top; padding: 18px 20px; margin: 30px 0; border: 1px solid #ddd; line-height: 19px; white-space: pre-wrap; word-wrap: break-word; overflow-x: auto; overflow-y: hidden; }
Does it matter if it’s in the “.entry code, .entry pre” line or in the “.entry pre” ?
Thanks again for your time.
Hi Alex. I’ve worked hard to do what you suggested. I’ve created a child theme called hueman-child and added the lines:
.entry code, .entry pre { font-family: Monaco, “Courier New”, “DejaVu Sans Mono”, “Bitstream Vera Sans Mono”, monospace; font-size: 11px; }
.entry pre { background: url(img/pre.png) repeat top; padding: 18px 20px; margin: 30px 0; border: 1px solid #ddd; line-height: 19px; white-space: pre-wrap; word-wrap: break-word; overflow-x: auto; overflow-y: hidden; font-size: 14px; line-height: 1.4em; background-image: none; }
Hope this was right. Then I went to activate the theme but the menus and sidebars links were all gone. Did I do something wrong?
Thanks
Oops I forgot to tell you that the font size for Preformatted is now much better. It’s bigger and much clearer thank you very much. I’ll need to figure out how to have the Preformatted box around use a nice background colour like yours.
Regarding the menu bars. My guess is that since I activated the hueman-child theme the menu are in the hueman theme so they are not in the child theme folder. Are all sidebars in another .CSS file? Or are there other files I should have copied in the hueman-child theme?
Thanks for your help. This last question will get me going for a while.
Daniel
Hi!
Regarding the menu bars. My guess is that since I activated the hueman-child theme the menu are in the hueman theme so they are not in the child theme folder.
The menus are saved on a per-theme basis I think, so you would just need to go to Appearance > Menus and re-assign them to the correct areas in order for them to show up.
Are all sidebars in another .CSS file?
All sidebar-related CSS is in the same two css files – style.css and responsive.css.
Then I went to activate the theme but the menus and sidebars links were all gone. Did I do something wrong?
This is probably for the same reason as the menus – when you change to another theme, custom widget areas may reset. So try going to Appearance > Widgets and just re-adding them for the child theme. If you mean the social links, re-add them in theme options > social links.
