Reducing the size of page titles?
Permalink Browser Info Environment
I love pretty much everything about Slate, but would really like to tweak the text size down for the page titles which appear just below the headers to make them more subtle, or even delete them and the corresponding small navigation text on the RH side of this.
I can't find where to edit this so your help would be much appreciated.
Thanks,
Nick
I can't find where to edit this so your help would be much appreciated.
Thanks,
Nick
Type: | Discussion |
---|---|
Status: | New |
Thanks Chris - it looks much cleaner now. Isn't it easy when you know how LOL!
When I've finished the site (may take some time as its my personal site and other work is flooding in) I'll submit it and write a nice review for Slate.
Best,
Nick
When I've finished the site (may take some time as its my personal site and other work is flooding in) I'll submit it and write a nice review for Slate.
Best,
Nick
That would be great! I would really appreciate that.
I had this same question, and this enabled me to easily make the changes. I took out the page collection name on the left and left the breadcrumbs on the right, but I'd like to tighten up the vertical spacing that the breadcrumbs section eats up. Where can I adjust this?
Thanks!
Thanks!
Look in the main.css file (theme_slate/themes/slate/main.css) for #breadcrumbs and #page-meta and adjust the margin-bottom and/or padding-bottom properties
Okay, I tightened up the area with the breadcrumbs by reducing the percentages from 3% each to 1% and 2% respectively, but it wasn't obvious to me where the spacing was from the top of the screen to the logo (My_Site_Name) graphic and the spacing between that and the nav bar. I saw a -40px that was marked !important, but I wasn't sure why it was negative, so I didn't change it. These are the three left I want to tighten up vertically:
1. Top of screen to My_Site_Name logo graphic.
2. Bottom of My_Site_Name to nav bar
3. Bottom of rotating graphic beneath nav bar to breadcrumbs line (I've removed the page title and just have the breadcrumbs displayed on the right by modifying pagemeta.php)
Thanks for the help!
1. Top of screen to My_Site_Name logo graphic.
2. Bottom of My_Site_Name to nav bar
3. Bottom of rotating graphic beneath nav bar to breadcrumbs line (I've removed the page title and just have the breadcrumbs displayed on the right by modifying pagemeta.php)
Thanks for the help!
1&2. Look for header in the main.css file and adjust the top and bottom padding (it's 40px by default). You might also want to adjust the top margin on body (it's 2% by default).
3. You need to change the top padding property of #wrapper in main.css. It 3.8% by default.
3. You need to change the top padding property of #wrapper in main.css. It 3.8% by default.
Very nice. Made the changes and got the effect I wanted. Thank you.
One related question that doesn't matter but I'm curious about. On the header section, it has 40px 3.8%. I changed both, but are they two terms for the same thing, or do they each control something different? I changed it to 15px 1.5% and it looks fine. I just wonder why both are there on the same line.
One related question that doesn't matter but I'm curious about. On the header section, it has 40px 3.8%. I changed both, but are they two terms for the same thing, or do they each control something different? I changed it to 15px 1.5% and it looks fine. I just wonder why both are there on the same line.
Great!
That's shorthand CSS. When declaring padding or margin if you have 4 different values, you put them in order of top, right, bottom, left like this:
But if you want the top and bottom to be the same value, or the left and right to be the same, you can write it like this (where the first value is top and bottom and second is left and right:
That's shorthand CSS. When declaring padding or margin if you have 4 different values, you put them in order of top, right, bottom, left like this:
padding: 2px 3px 4px 5px
But if you want the top and bottom to be the same value, or the left and right to be the same, you can write it like this (where the first value is top and bottom and second is left and right:
padding: 2px 3px
Ah, I get it, thanks. Why mix the measurements, though? (one in exact pixels, one in percentages)
I think it was because of how the logo was, and it worked better having exact pixels for the top and bottom.
Chris,
How do I remove page-meta and breadcrumbs from the pagemeta.php? I love the right side-bar page type, but really dislike the title and breadcrumbs showing on all pages.
Shannon
How do I remove page-meta and breadcrumbs from the pagemeta.php? I love the right side-bar page type, but really dislike the title and breadcrumbs showing on all pages.
Shannon
Look at the last sentence of my post in this thread marked as 'Best Answer'
I was wondering...
I added this...
#page-meta h1 {
margin:0;
font-size:1.0em;
}
this seems to make the 'HOME' on the home page smaller, but not all other pages....
can you advise how to make all pages smaller?
Thanks in advance....
I added this...
#page-meta h1 {
margin:0;
font-size:1.0em;
}
this seems to make the 'HOME' on the home page smaller, but not all other pages....
can you advise how to make all pages smaller?
Thanks in advance....
That should work. Try clearing your site cache (Dashboard->System & Settings->Clear Cache). You could also try adding !important after the em value and before the ;
Where in main.css in #breadcrumbs would I need to correct the spacing between the page names? See example attached. I need a space between Products and Living Rooms so that it does not all run together. It does it on all pages where there is a child page. The addition of another arrow would be nice as well.
How can I do that and where does it go in the code?
Thanks a bunch for your help in advance!
How can I do that and where does it go in the code?
Thanks a bunch for your help in advance!
That's actually a known bug with the latest version of concrete5. See this:http://www.concrete5.org/community/forums/customizing_c5/version-5....
How do I remove (what are the steps in edit mode) to remove the title pages of "Home" "About" etc?
You can't edit them through page edit mode, since they're hardcoded in the theme. Easiest way to not display them would be to add this to the "Add your CSS" box in the theme's customization panel (located at Dashboard->Pages and Themes->Themes and click Customize next to Slate):
#page-meta h1 { display:none!important; }
By creating this file, is another css file added to the head area? I've read adding these extra files in one of the things that can slow down Concrete5. I deleted <?php $this->inc('elements/pagemeta.php'); ?> from the top of all php pages (not in the original theme folder of course).
Is it only the breadcrumbs and page title in pagemeta?
Is it only the breadcrumbs and page title in pagemeta?
Nope, that doesn't add any other css files. It's just includes the content in that pagemeta.php file. And yes, the only thing in that are the breadcrumbs and page title
Excellent! Funnily enough I tried messing around with the breadcrumbs part, but didn't quite know what to do as I'm a code newbie.
Thanks very much - I can look forward to getting that sorted in the morning!
Cheers!
Thanks very much - I can look forward to getting that sorted in the morning!
Cheers!
You're welcome!
Chris,
That worked well thanks! Just one small thing to tweak now for which I need your kind help. I've attached a screen grab of the way it looks now (I figured out how to mod your light grunge skin with a new background) and that is the thick div bar above the menu.
I can't figure out what code to delete in either the main.css or the header.php which will let me delete this line - I think it will look nice and clean once that's done.
Thanks again,
Nick
That worked well thanks! Just one small thing to tweak now for which I need your kind help. I've attached a screen grab of the way it looks now (I figured out how to mod your light grunge skin with a new background) and that is the thick div bar above the menu.
I can't figure out what code to delete in either the main.css or the header.php which will let me delete this line - I think it will look nice and clean once that's done.
Thanks again,
Nick
Sure, look on line 48 of the minimal-grunge.css file and just comment out or remove the border-top line for nav
Site is looking great btw!
Site is looking great btw!
Thanks. My breadcrumb looked all jacked up and I don't have time right now to tweak the CSS. Commenting it out was very easy.
Hi Chris,
I wanted to reduce the size of the titles and remove pagemeta and the breadcrumbs.
I followed your advice as you wrote in 'best answer'.
But no results at all. I emptied cache several times. Closed all and logged in again.
Even removing the pagemeta.php had no result.
I think something went wrong in the proces of installing C5, Slate and the add ons I use. Perhaps there are some Anonymous versions of Pagemeta and Breadcrumbs, somewhere in my files, who are 'stalking' my website and override.
I can't find a full pagelist of the installed system. Can you please help out?
Karen van den Broek
http://www.walk2meet.nl (not yet released)
I wanted to reduce the size of the titles and remove pagemeta and the breadcrumbs.
I followed your advice as you wrote in 'best answer'.
But no results at all. I emptied cache several times. Closed all and logged in again.
Even removing the pagemeta.php had no result.
I think something went wrong in the proces of installing C5, Slate and the add ons I use. Perhaps there are some Anonymous versions of Pagemeta and Breadcrumbs, somewhere in my files, who are 'stalking' my website and override.
I can't find a full pagelist of the installed system. Can you please help out?
Karen van den Broek
http://www.walk2meet.nl (not yet released)
The theme_slate folder should be installed in the packages directory in the root of your install (from the looks of your screenshots, in your www/packages directory, not outside that nor in www/concrete/packages)
Hi Permalink,
Thank you for your quick respons.
I deleted a lot of files, but I am still not sure it is ok now. I attach a file with an overview of the installation at the moment. Ik hope you will have a look again, because I am affraid loosing all my work.
In the late seventies I started working in IT, as a COBOL programmer. Fred Flintstone was one of my colleages.
Last December I started building my own website. Offcourse with a huge expectation of the complex functionality it will contain.
As a lot of older people I confuse thirty year old experience with current competence and still see myself as a IT Specialist. Age is not allways a predictor of wisdom.
My goal turned out to be a real challenge, since my computer skills can best be described as a 'medium skilled MS Office User who can type with two fingers'.
I lacked the deep understanding of the construction of a site. And ofcours COBOL cannot be compared with PHP, HTML and CSS. But my enthousiasm grew (back) with every new problem I stumbled upon.
Last night my prehistorial structured testing skills guided me in figuring out, step by step, what could cause my problems.
I feel decades younger after getting my hunch confirmed by your response. For now my evening starts with a smile. This weekend I am going to search for a new job as IT Specialist! Perhaps you can recomment me? ;)
Have a nice evening/day/weekend and again thank you for your help!
Karen
Thank you for your quick respons.
I deleted a lot of files, but I am still not sure it is ok now. I attach a file with an overview of the installation at the moment. Ik hope you will have a look again, because I am affraid loosing all my work.
In the late seventies I started working in IT, as a COBOL programmer. Fred Flintstone was one of my colleages.
Last December I started building my own website. Offcourse with a huge expectation of the complex functionality it will contain.
As a lot of older people I confuse thirty year old experience with current competence and still see myself as a IT Specialist. Age is not allways a predictor of wisdom.
My goal turned out to be a real challenge, since my computer skills can best be described as a 'medium skilled MS Office User who can type with two fingers'.
I lacked the deep understanding of the construction of a site. And ofcours COBOL cannot be compared with PHP, HTML and CSS. But my enthousiasm grew (back) with every new problem I stumbled upon.
Last night my prehistorial structured testing skills guided me in figuring out, step by step, what could cause my problems.
I feel decades younger after getting my hunch confirmed by your response. For now my evening starts with a smile. This weekend I am going to search for a new job as IT Specialist! Perhaps you can recomment me? ;)
Have a nice evening/day/weekend and again thank you for your help!
Karen
Sorry Chris, adressed you as Permalink.
Grany needs new glasses.
Grany needs new glasses.
Yeah, so in your file you attached the concrete folder is all the core stuff for concrete5 so you dont mess with that or put anything in there. Any addons/themes you want to install would go in concrete5.6.0.2/packages. Check out this for more clarification on directory structure in concrete5:
http://www.concrete5.org/documentation/developers/system/directory-...
Good luck!
http://www.concrete5.org/documentation/developers/system/directory-...
Good luck!
To edit the size of the titles and breadcrumbs, look in the main.css file (theme_slate/themes/slate/main.css) for #page-meta and #breadcrumbs. For the title, you'll need to add a font-size declaration to #page-meta h1.
If you want to remove them altogether or modify anything else about them, that section is outputted in the pagemeta.php file (located at theme_slate/themes/slate/elements/pagemeta.php). Just comment out or remove what you dont want there.
Let me know if you have any other questions.