Appearance of Meta information

  • Author
    Posts
  • #53177
    verbaljam
    Power User

    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

    #53341
    premmarga
    Power User

    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;
    }

    #53383
    verbaljam
    Power User

    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

    #53624
    Zed
    Cryout Creations mastermind

    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.
    #53647
    verbaljam
    Power User

    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

    #53852
    Zed
    Cryout Creations mastermind

    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.
    #53922
    verbaljam
    Power User

    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

    #53926
    verbaljam
    Power User

    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

    #53954
    verbaljam
    Power User

    Or maybe it’s the breadcrumbs that need a change?

    Website: arnoudhugo.nl

    #54621
    verbaljam
    Power User

    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

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Appearance of Meta information’ is closed to new replies.