Sitewide Header Title

Hi everyone,
I've just installed v5.7 for a new site and using the holiday yoghurt theme which is all working nicely. I am struggling to edit the font that is used in the Sitewide Header Title, I want it to be a bit smaller and change the colour. I assume that the code for this bit of the site is tucked away nicely in a php or css file somewhere. Would anyone be able to offer some advice on where to go and change this?
Thank you for any assistance.
PS: Go easy on a newbie, this is all a bit deep for me at the moment.

View Replies:
MrKDilkington replied on at Permalink Reply
Hi chrisward110,

Do you have a link to your site?
chrisward110 replied on at Permalink Reply
Hi Mate,

The website is

Also, is there a way to customise the banner at the bottom to change the text?

Thanks for the help
MrKDilkington replied on at Permalink Reply
I can explain how to change the sitewide header title and footer text.

Before I do that, I think you might want to reconsider not using the Holiday Yogurt theme.

The Holiday Yogurt theme is very limited and meant to be a simple demo. It is not responsive and only has one page template. So before you invest more time into your site, I recommend customizing the default Elemental theme or trying the Fruitful theme.
chrisward110 replied on at Permalink Reply
Thank you again for your reply,
I will probably stick with this theme for a bit because I have shown it to the customer and they seem to like it.
Can you where the code is for the top menu and the bit at the bottom?
MrKDilkington replied on at Permalink Reply
To remove or change the footer text, open footer.php.

This code block creates the date and the "" link:
<div id="footercontent_left">
    © <?php  echo date('Y') ?>   <a href=""></a>

This code block creates the footer tagline:
<div id="footercontent_right">
   <?php  echo t('CMS made for Marketing but built for Geeks.'); ?>

Both code blocks can be removed or modified.

In typography.css, you can add CSS to change the site title.
Add this at the bottom of the file.
div#titlecontainer h3 {
    color: rgb(94, 107, 226);
    font-size: 30px;

- this would make the text smaller and blue
Pluto replied on at Permalink Reply
I think you are talking about your site title "Cygnets PreSchool".
Just go to your file.
In line no 17 the css for
div#titlecontainer h1 is defined. You will have to override the css with your custom design.
You may add

div#titlecontainer h1{
font-size: 20px !important;
color: red !important;
in your reset.css file.