Color Page Title

onyx2018 · Member · May 10, 2015 at 2:56 pm
Copy link

Add topic to favorites
A snippet of CSS resulting in all page titles matching the page background [to appear nonexistent] follows. However, this ‘attribute’ is only relevant to certain pages of the site. What differentiates the ‘each’ in the CSS code, please.

.site {
background: #000;
}

body, button, input, select, textarea {
color: #D4D4C7;
}

.entry-title {
color: #000;
}

Thank You,
Gail Kozlinski
thesacredpath · Member · May 14, 2015 at 6:30 pm
Copy link
Gail, are you trying to hide the titles on only select pages? If so, you have to use the page specific id CSS class in the opening body selector of that page which you can find by viewing the HTML using the web inspector built into your browser. As an example, on your polish your image page, you would see this (partial) in the opening body selector
<body class="page page-id-945 page-template...
To make the title on that page only black, you would use the following.
```
.page-id-945 .entry-title {
color: #000;
}
```
If you want to make the titles on multiple pages blend in with the background, but not all of them, you can comma separate the selectors like this.
```
.page-id-945 .entry-title, .page-id-9 .entry-title {
color: #000;
}
```
You can add additional selectors as needed to that rule as needed.
onyx2018 · Member · May 14, 2015 at 7:24 pm
Copy link
Thank you. On the pages that I do not wish the title to show I want the page information to begin “higher” on the page as if their was no ‘placemark’ for the title. This may not fall under CSS help. If so, that’s fine.

Gail Kozlinski
staff-totoro · Staff · May 15, 2015 at 6:41 pm
Copy link
Do you have a link to a page that shows me an example of where you want the text to be higher?

Thanks!
onyx2018 · Member · May 16, 2015 at 4:54 am
Copy link
Hello.

Thank you for replying. The previous staff member gave me instructions to turn the title of pages ‘black’. I tried it on this page – here is the link. http://escortinternetdesign.co/portfolio/calypso/. The page id is 1910. I entered it into CSS as he instructed, but it’s still white?

In terms of the text ‘higher’ question. Here is a link example – http://escortinternetdesign.co/services-offered/.

Thank you, I really appreciate the help.

Gail Kozlinski
staff-totoro · Staff · May 16, 2015 at 5:29 pm
Copy link
Thanks for explaining.

The page id is 1910. I entered it into CSS as he instructed, but it’s still white?

In this case, because this is a portfolio page (which is not the same as a standard page) the class structure is a bit different. so it’s “.entry-header a” instead of “.entry-title” in this particular case. But you had the page id right.

However, is it your intention to turn off the titles on ALL portfolio pages? If so, then this will accomplish that more simply:
```
.portfolio-type-links a {
  display: none;
}
```
That will hide all page titles on portfolio pages ONLY.

In terms of the text ‘higher’ question. Here is a link example – http://escortinternetdesign.co/services-offered/.

The following will work:
```
.page-id-9 .entry-header {
  display: none;
}
```
Cheers!
onyx2018 · Member · May 16, 2015 at 5:49 pm
Copy link
How Cool! I wish I was that good at my job –
staff-totoro · Staff · May 16, 2015 at 11:53 pm
Copy link
:)

No items found.