Forums

Edit Title Font and Color

Permalink
I'd like to change the font and color and other stylistic attributes of my website's title. At the Sitewide Settings page, I've changed the text of the title from "conrete5" to "My Site" and it took only three hours to figure that out. I am familiar with the config/site.php, but not sure if that's where I should be to get this done. Any advice? Thanks!
McCormick
 
jordanlev replied on at Permalink Reply
jordanlev
Can you post a link to your site?
If not, what theme are you using?

(In general, you need to modify the html and/or css of your theme -- depending on if this is a built-in concrete5 theme or one you downloaded from the marketplace, the files are either in SITEROOT/concrete/themes/THEMENAME or SITEROOT/themes/THEMENAME)
McCormick replied on at Permalink Reply
McCormick
Thanks for the comment, jordanley. I'm currently using the HTML5Reset.org theme at my site, mccormicker.com.
jordanlev replied on at Permalink Best Answer Reply
jordanlev
You're going to need to edit the CSS of your theme (you're probably going to need to do a lot of this actually, because the HTML5 theme you're using is only intended as a bare-bones starting point for building out a design, it's not really a design in and of itself).

You can do this by logging in and going to Dashboard -> Pages and Themes, clicking the "Customize" button under the HTML5 Reset theme, clicking the little gear icon next to "Add Your CSS", and putting some custom styles in the box. For example, you can add this to make your title have the Arial font, bold+italic, with a red color:
h1 {
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-style: italic;
    color: #FF0000;
}


After you've put that in, click the little "ok" button, then the "Save" button.

If you are interested in learning about CSS, there are many many references and tutorials available online. If you'd rather not delve this deep into designing your site, though, I recommend trying a different theme that comes with more style out of the box (also, many other themes let you specify fonts and colors for things like the title a bit more easily, but whoever built this HTML5 Reset theme didn't do that).

Good luck!

-Jordan