Sitewide Header Title
PermalinkI'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.
The website ishttp://www.cygnets-preschool-swanscombe.co.uk/index.php....
Also, is there a way to customise the banner at the bottom to change the text?
Thanks for the help
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.
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?
Thanks
packages\holiday_yogurt\themes\theme_holiday_yogurt\elements\footer.php
This code block creates the date and the "concrete5.org" link:
This code block creates the footer tagline:
<div id="footercontent_right"> <?php echo t('CMS made for Marketing but built for Geeks.'); ?> </div>
Both code blocks can be removed or modified.
In typography.css, you can add CSS to change the site title.
packages\holiday_yogurt\themes\theme_holiday_yogurt\css\typography.css
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
Just go to yourhttp://www.cygnets-preschool-swanscombe.co.uk/packages/holiday_yogu... 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.
Do you have a link to your site?