Tagline showing on static home page and blog but not other pages (Affinity)

mindghost1 · Member · May 7, 2016 at 1:13 pm
Copy link

Add topic to favorites
Hi all,

http://rdelaneyjr.com

I have a static home page, blog page, current projects page, and about me page. I’ve set the static page and blog page appropriately in Reader settings, and navigation is working correctly. My issue is with the text that’s displaying over the header image on each of my pages.

Using the Affinity theme with “Display Title and Tagline” checked, the tagline displays on the static home page and blog page, but not on the current projects or about me pages. Those two pages display their titles. Here’s what I’d like:

– Perfect world: Have the static page display the tag line and the blog, current projects, and about me pages display their titles (the blog page is the problem here as it only seems to want to display the tag line)
– Acceptable: Have every page display the tag line (here the problem is the current projects and about me pages won’t display the tag line)
– Less acceptable but at least consistent: Have each page display a title (no tag line showing anywhere)

Is this something I can address with CSS?

TIA for all responses.

Ron

The blog I need help with is: (visible only to logged in users)
sarahblackstock · Member · May 9, 2016 at 4:27 pm
Copy link
Hi there! The theme displays the tagline on the front page and posts page (blog), as you’ve noticed. The other pages show the page title.

If you’re not wanting the tagline on the blog, but to still have it on the front/home page, you could do that with CSS. However, adding CSS requires the Premium upgrade.

If you decide to add Premium, you could hide the tagline on the blog page only using CSS (so that it stays on the front page). This wouldn’t add a title to the page, but would hide the tagline there at least. (The titles would remain on the other pages as they are now.)

If you go that route, add this CSS in Customize > CSS:
```
.blog .site-description {
	display: none;
}
```
(You can try it out without the upgrade under Customize > Custom Design, then click Try Now and go to CSS. This will let you enter the CSS to try it out, but won’t save on your site without adding the upgrade.)

Let me know if you have any questions!
mindghost1 · Member · May 9, 2016 at 6:28 pm
Copy link
Hello Sarah. Thank you for the response :)

That would be a perfect solution if I could then add a title to the blog page. Can that be done?

Thx,

Ron
siobhyb · Member · May 16, 2016 at 2:42 pm
Copy link
Hi Ron,

Apologies for the delay in response! You could use some CSS to add a special title for the blog page only. The following would work:
```
.blog .site-description {
    visibility: hidden;
}

.blog .site-description:before {
    content: "Example title for blog page.";
    visibility: visible;
    display: block;
    color: #fff;
}
```
You’d need to replace “Example title for blog page.” with the title of your choice. :)

Let me know if that’s helpful or if you have any further questions.
mindghost1 · Member · May 19, 2016 at 4:36 pm
Copy link
Hi Siobhyb,

I upgraded and implemented the CSS you suggested, uninventively labeling my blog page “Blog.”, but it won’t render in IE 11. Everything looks fine in FireFox and Chrome. Any suggestions?

Thanks,

Ron
siobhyb · Member · May 20, 2016 at 10:17 am
Copy link
Hi Ron,

Thank you for letting me know! I’ve tweaked the CSS and tested the following in IE11:
```
.blog .site-description a {
	visibility: hidden;
}

.blog .site-description:before {
	content: "Blog.";
	display: block;
	text-align: center;
}
```
Can you give that a try?
mindghost1 · Member · May 20, 2016 at 1:03 pm
Copy link
Hi siobhyb,

That works perfectly :) Thanks much. Have a great day.

Thx,
siobhyb · Member · May 20, 2016 at 3:19 pm
Copy link
I’m so happy to hear that! We’re right here if extra questions come up too.

No items found.