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

Type: Discussion
Status: New
Cliffeco
View Replies: View Best Answer
c5mix replied on at Permalink Best Answer Reply
c5mix
Nick,
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.
Cliffeco replied on at Permalink Reply
Cliffeco
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
c5mix replied on at Permalink Reply
c5mix
That would be great! I would really appreciate that.
gaijin4life replied on at Permalink Reply
gaijin4life
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!
c5mix replied on at Permalink Reply
c5mix
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
gaijin4life replied on at Permalink Reply
gaijin4life
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!
c5mix replied on at Permalink Reply
c5mix
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.
gaijin4life replied on at Permalink Reply
gaijin4life
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.
c5mix replied on at Permalink Reply
c5mix
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:
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
gaijin4life replied on at Permalink Reply
gaijin4life
Ah, I get it, thanks. Why mix the measurements, though? (one in exact pixels, one in percentages)
c5mix replied on at Permalink Reply
c5mix
I think it was because of how the logo was, and it worked better having exact pixels for the top and bottom.
sdamos replied on at Permalink Reply
sdamos
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
c5mix replied on at Permalink Reply
c5mix
Look at the last sentence of my post in this thread marked as 'Best Answer'
johnson72223 replied on at Permalink Reply
johnson72223
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....
c5mix replied on at Permalink Reply
c5mix
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 ;
tommyh replied on at Permalink Reply 1 Attachment
tommyh
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!
c5mix replied on at Permalink Reply
c5mix
That's actually a known bug with the latest version of concrete5. See this:http://www.concrete5.org/community/forums/customizing_c5/version-5....
imperialcatrina replied on at Permalink Reply
imperialcatrina
How do I remove (what are the steps in edit mode) to remove the title pages of "Home" "About" etc?
c5mix replied on at Permalink Reply
c5mix
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; }
CheSimpson replied on at Permalink Reply
CheSimpson
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?
c5mix replied on at Permalink Reply
c5mix
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
Cliffeco replied on at Permalink Reply
Cliffeco
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!
c5mix replied on at Permalink Reply
c5mix
You're welcome!
Cliffeco replied on at Permalink Reply 1 Attachment
Cliffeco
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
c5mix replied on at Permalink Reply
c5mix
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!
andjaxini replied on at Permalink Reply
andjaxini
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.
karencncrt5 replied on at Permalink Reply 1 Attachment
karencncrt5
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)
c5mix replied on at Permalink Reply
c5mix
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)
karencncrt5 replied on at Permalink Reply 1 Attachment
karencncrt5
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
karencncrt5 replied on at Permalink Reply
karencncrt5
Sorry Chris, adressed you as Permalink.

Grany needs new glasses.
c5mix replied on at Permalink Reply
c5mix
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!

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.