How do I edit the Header?
Permalink
I am an experienced web site designer and builder but a Concrete5 newbie. I see a tremendous advantage to using Concrete5 over WordPress and Joomla for CMS. I have been experimenting with various themes while learning Concrete5.
One problem that I have encountered is that Ii have been unable to find where and how to edit the headers. Specifically, How do I move the website title? C5 places the title in the themes. I have discovered how to change the fonts and font size (somewhat) but have not found the code C5 uses for title placement.
For instance, with the Earthling Two theme, the white lettering of the site title bumps into one of the clouds (see attachment). I would like to move the title a bit higher and to the left but have been unable to discover how this is done.
Thanks in advance for your help,
Mike
One problem that I have encountered is that Ii have been unable to find where and how to edit the headers. Specifically, How do I move the website title? C5 places the title in the themes. I have discovered how to change the fonts and font size (somewhat) but have not found the code C5 uses for title placement.
For instance, with the Earthling Two theme, the white lettering of the site title bumps into one of the clouds (see attachment). I would like to move the title a bit higher and to the left but have been unable to discover how this is done.
Thanks in advance for your help,
Mike
Thanks for the tip. Hopefully, adjusting the padding will take care of the problem.
Now I need to find the CSS with with #logo.
(As I said, I'm a Concrete newbie.)
Now I need to find the CSS with with #logo.
(As I said, I'm a Concrete newbie.)
look in /packages/<name>/themes/<name>/ and the css is most likely in there
Yes! I found it and edited the CSS.
This moved the logo to where I want it.
I can tell it's going to take me a while to find where things are in Concrete5.
Thank you!
This moved the logo to where I want it.
I can tell it's going to take me a while to find where things are in Concrete5.
Thank you!
Actually, finding what you need is pretty simple as it pertains to Themes.
Any theme you use will have all the files you need (almost always) in either the THEMES folder off the root or in PACKAGES off the root.
You may have one or two css files controlling the theme and in most cases (again) they will be in those folders. ALL themes require an ELEMENT folder and your header and footer php files are located there. If you have specific js and images for that theme, they will have there own folders and the controlling css file is almost always in the root of your theme folder.
All other files will be elsewhere.
Any theme you use will have all the files you need (almost always) in either the THEMES folder off the root or in PACKAGES off the root.
You may have one or two css files controlling the theme and in most cases (again) they will be in those folders. ALL themes require an ELEMENT folder and your header and footer php files are located there. If you have specific js and images for that theme, they will have there own folders and the controlling css file is almost always in the root of your theme folder.
All other files will be elsewhere.
actually having an elements folder and a header.php and footer.php is not required, its just easier to edit that all the different pagetypes
#logo {
float: left;
margin: 0;
padding: 115px 0px 0px 50px;
color: #000000;
}
for the base setting and : #logo {
float: left;
margin: 0;
padding: 34px 0px 0px 50px;
color: #000000;
}
for the altered setting.
See Images