Hide the page- title

lossietemontanieros · Member · Feb 18, 2014 at 4:44 pm
Copy link

Add topic to favorites
Hello, I’m using the forefront theme in my blog mgpamplona.com , and I would like to hide the page title that apears at the top of each page once that you reach it.. The code for this is
<h1 class=”page-title”>Marcas</h1>
Or I could try to make it smaller, what should the code be like?
Also, it apears betwen 2 thin lines, I think they are the div, could I erease one of them?
Thanks-

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Feb 18, 2014 at 8:38 pm
Copy link
Hi there, To hide the centered page title on static pages, add the following to your custom CSS.
```
.page .hero > div > div > div {
    display: none;
}
```
If you wish to simply make it smaller instead, add the following and adjust the font size as desired. You will likely also want to adjust the top and bottom padding around the title, which you can do in the second rule below.
```
.page-title {
     font-size: 43px;
}

.page .hero > div > div > div {
    padding-bottom: 48px;
    padding-top: 48px;
}
```
lossietemontanieros · Member · Feb 19, 2014 at 8:34 am
Copy link
It worked perfect,thanks.
There is another thing else…If I want to make wider the padding around the title, and change the color to black, how should the code be? I’m trying to ad inside the code
```
.page-title {
     font-size: 43px;
}

.page .hero > div > div > div {
    padding-bottom: 48px;
    padding-top: 48px;
color: black;
}
```
but it doesn’t work.
Thanks again for your help.
thesacredpath · Member · Feb 19, 2014 at 6:00 pm
Copy link
Hi, add the color declaration to the .page-title section (the first above).

You can change the padding for top and bottom to whatever you desire.
lossietemontanieros · Member · Feb 20, 2014 at 9:38 am
Copy link
Sorry that I didn’t myself clear enough.
What I meant is to change the color and width of the line that is at the top and bottom of the title.
Thanks again.
lossietemontanieros · Member · Feb 20, 2014 at 9:40 am
Copy link
Because I´m changing the color of the page, and I would like to make the thin lines of the title some kind of gray.
designsimply · Member · Feb 20, 2014 at 7:18 pm
Copy link
Here’s some CSS to get you started with changing the line colors surrounding titles on pages in the Forefront theme for pages without featured images:
```
.site-main {
	border-top: 10px solid #1f251f;
}

.hero.without-featured-image {
	border-bottom: 10px solid #1f251f;
}

.page .hero > div > div > div {
	padding-bottom: 0px;
	padding-top: 0px;
}
```
What you should do is take this example and change the 10px and the color value “#1f251f” for the lines to whatever you want. They are 1px in the current theme, I set them to 10px just as an illustration. Then adjust the 0px for both padding values to whatever you think looks good.

Note: the top border will affect all pages, but the bottom border is only present on pages without a featured image.
designsimply · Member · Feb 20, 2014 at 7:24 pm
Copy link
Alternately, it might look cool on your blog to take out the dark background from behind the footer. I think the theme looks a bit more clean and minimal that way.
```
.site-footer {
	background: none;
}
.site-info a:hover {
	color: #000;
}
```
lossietemontanieros · Member · Feb 21, 2014 at 11:26 am
Copy link
cool, nice tips, they work fine, thanks for the suggestions¡

No items found.