Here’s the CSS code that sets up your site title itself… notice the text-transform: uppercase;
line.
.site-title-wrapper .site-title {
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 00;
letter-spacing: -0.03em;
font-weight: 700;
font-size: 1.6em;
}
And the page title…
.page-title-container .page-header h1 {
font-weight: 300;
display: none;
font-size: 3rem;
}
To which I added the display: none;
You’ll want to learn to use your browser tools called ‘inspect’ in Chrome and whatever it’s called in Firefox to help create or modify your CSS code.
Thread Starter
hhurst
(@hhurst)
I will try this for removing the page title in the header and changing from all caps in the site title. Thank you. Also I’m having other problems with what hsould be simple for the header and menu area. The menu under the header cuts off a lot of the image. If I add a “side” menu the image area increases because the main menu moves down (and the page title disappears which is good). But the side menu is in the image and placed just beside the main menu. I don’t need two menus there! This theme makes the simple task of adding an image to the header difficult. I do like the main menu but I don’t want the image cut off. And I don’t want the page title in the image. Last question – is it possible to have a slider as the header image? Thanks