-
Posts
-
Is there a way to change the font-size and/or color of the meta information, as it is displayed in the header overlay? Help is very much appreciated!
Website: arnoudhugo.nl
Hello Arnoud,
I came across your answer. I had a look, and it seems it´s only possible by changing the css.
something like this:
This code you can put in the customizer under css.
Just give a try..post-thumbnail-container .featured-image-meta.entry-meta a, .post-thumbnail-container .featured-image-meta.entry-meta i::before, .post-thumbnail-container .featured-image-meta.entry-meta, .post-thumbnail-container .featured-image-meta.entry-meta time {
color: #DDD;
font-size: larger;
font-family: verdana;
}Hi Premmarga,
Thank you very much for you kind help! It’s very appreciated. I tried your CSS suggestion, but it seems to have no effect on the meta information as it appears in the headers of the individual post pages. Only the text on the front page in the overlays of the item-blocks increases in size.
I know a very little bit about css, but while trying to understand the code you gave, I realize this is way out of my league 😉
Further suggestions are always welcome, of course. 😉
But given the fact that the Anime theme is customisable on so many details, I think the developers simply forgot the style of the meta information.
PS: I removed your css code again, so there is nothing visible anymore on the site.Website: arnoudhugo.nl
You can control these elements on single pages with:
body #header-page-title .entry-title { font-size: 300%; color: red; }for the title, and
body #header-page-title .byline { color: yellow; font-size: 150%; }for the tagline.
If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.Hi Zed,
Thank you very much for your kind help. But the solution is not there yet: the first one works indeed and changes the title into red. But that was not the one I was looking for. 😉
The second one shows no effect at all and also isn’t the element I was aiming at.The lines I would like to change are the date below the title on the individual post pages and the ‘breadcrumps’ that appear below that: the Home icon, followed by the category name and the small title.
I want to change that, because the overlay makes the text unclear. I know where I can change the opacity of the overlay, but that is just part of the solution.
Website: arnoudhugo.nl
Meta text:
.post-thumbnail-container .entry-meta.featured-image-meta span a, .post-thumbnail-container .entry-meta.featured-image-meta time { color: red; }Meta icons:
.entry-meta.featured-image-meta i.icon-metas::before { color: blue; }If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.Hi Zed, thank you very much for the effort. But I’m sorry to tell you (I feel almost guilty): it has no effect at all. 🙁
Website: arnoudhugo.nl
Correction: I see now that it works on my iPad, on the front page, in the overlays from the items. On individual pages there is no effect.
Website: arnoudhugo.nl
Or maybe it’s the breadcrumbs that need a change?
Website: arnoudhugo.nl
Could you please give me a clue where to change font and color of the date and the breadcrumbs in the header? I have the feeling I’m almost there, I searched the contents of the style.css, but I can’t find it.
Website: arnoudhugo.nl
The topic ‘Appearance of Meta information’ is closed to new replies.