Fonts, CSS, Greek Yogurt
Permalink
I've copied the Greek Yogurt theme to a new folder and given it a new name, so I could make some background color/image adjustments. I'm having trouble with fonts, though.
The default typeface for body text seems to be Georgia (from typography.css). We want our body text to be Verdana instead. I've changed the reference in typography.css from
div#main-container, div#main-container ul li {
/* customize_p-font */ font-family: 'Merriweather', Georgia, serif; line-height: 1.8em; font-size: 14px; /* customize_p-font */
/* customize_text */ color: #000; /* customize_text */
to
div#main-container, div#main-container ul li {
/* customize_p-font */ font-family: Verdana, Geneva, sans-serif; line-height: 1.8em; font-size: 14px; /* customize_p-font */
/* customize_text */ color: #000; /* customize_text */
In the text.css file, I've replaced
body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}
with
body{font:13px/1.5 Verdana, Geneva,sans-serif}
I've cleared the cache in both concrete5's settings page and my browsers, but still everything's coming up Merriweather/Georgia.
I must be missing something. Can anyone point me in the right direction? Thanks.
The default typeface for body text seems to be Georgia (from typography.css). We want our body text to be Verdana instead. I've changed the reference in typography.css from
div#main-container, div#main-container ul li {
/* customize_p-font */ font-family: 'Merriweather', Georgia, serif; line-height: 1.8em; font-size: 14px; /* customize_p-font */
/* customize_text */ color: #000; /* customize_text */
to
div#main-container, div#main-container ul li {
/* customize_p-font */ font-family: Verdana, Geneva, sans-serif; line-height: 1.8em; font-size: 14px; /* customize_p-font */
/* customize_text */ color: #000; /* customize_text */
In the text.css file, I've replaced
body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}
with
body{font:13px/1.5 Verdana, Geneva,sans-serif}
I've cleared the cache in both concrete5's settings page and my browsers, but still everything's coming up Merriweather/Georgia.
I must be missing something. Can anyone point me in the right direction? Thanks.
If you copied this theme to a different folder, it is possible that you are still using the original theme. Make sure that the theme you modified is selected and active in the dashboard Themes section.
A much simpler way to customize the theme (if you haven't already figured it out), is to go to the Themes area in the dashboard, and for 'Greek Yogurt', select 'Customize'. There is an editor where you can make the changes yourself. You can learn more at the link below:
http://www.concrete5.org/documentation/using-concrete5/dashboard/pa...
A much simpler way to customize the theme (if you haven't already figured it out), is to go to the Themes area in the dashboard, and for 'Greek Yogurt', select 'Customize'. There is an editor where you can make the changes yourself. You can learn more at the link below:
http://www.concrete5.org/documentation/using-concrete5/dashboard/pa...
Wow, thanks for the tip on the Dashboard's Customize option. I had used that to adjust colors, but didn't see any way to affect typeface choices. Just now I clicked on the "Add Your CSS" link, and I replaced the original value
font-family: 'Merriweather', Georgia, serif; line-height: 1.8em; font-size: 14px;
with this
font-family: 'Verdana', Geneva, sans-serif; line-height: 1.8em; font-size: 14px;
I then cleared the cache for both the Dashboard and the browser, and it worked! My default font is now Verdana.
I really appreciate the advice, and the ease of use that Concrete5 has.
font-family: 'Merriweather', Georgia, serif; line-height: 1.8em; font-size: 14px;
with this
font-family: 'Verdana', Geneva, sans-serif; line-height: 1.8em; font-size: 14px;
I then cleared the cache for both the Dashboard and the browser, and it worked! My default font is now Verdana.
I really appreciate the advice, and the ease of use that Concrete5 has.
When you say that you have copied Greek Yoghurt to a new folder - can you expand a little on exactly the steps you did maybe?