[Resolved] Having problem in archieve

Home Forums Support Having problem in archieve

  • This topic has 7 replies, 2 voices, and was last updated 1 year ago by Leo.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1226154
    sanu kumar

    https://www.loom.com/share/e052da785d6d4d62a86d5da2ff474328

    I am having a problem in an archive, author name and date are not on the same line, I don’t want to show date below author name, how to fix this.

    Also, how to add a shadow effect featured images in the archives section.

    Apart from this, I would like to know how to make the date “bold”. For example; “Last Updated On 14th February 2020”, I would like to bold only “14th February 2020”.

    How to achieve this.

    & I would also like to give gradient link hover effect in the archive section only.
    ` background: -webkit-gradient(linear,left top,right top,from(#ff8a00),to(#da1b60));
    background: linear-gradient(to right,#ff8a00,#da1b60);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    text-shadow: none;
    text-decoration: underline;
    }

    This code is not working, how to achieve gradient hover link (archive section)

    URL: https://www.masteryblogging.com/seo/

    Thanks

    #1226575
    Leo
    Staff
    Customer Support

    Hi there,

    Any chance you can link us to the site in question?

    You can edit the original topic and use the private URL field.

    Let me know 🙂

    #1227616
    sanu kumar
    #1227937
    Leo
    Staff
    Customer Support

    Let’s tackle one thing at the time (please keep one question per topic in the future. Thanks!)

    I am having a problem in an archive, author name and date are not on the same line, I don’t want to show date below author name, how to fix this.

    I’m not sure if there is a good solution for this. There is simply not enough room for the whole line when the screen size is smaller. We could try changing the font size smaller on tablet:

    @media (min-width: 769px) and (max-width: 1024px) {
        .entry-meta {
            font-size: 10px;
        }
    }
    #1228187
    sanu kumar

    it doesnt work..may I know how to change size screen.

    #1228743
    Leo
    Staff
    Customer Support

    may I know how to change size screen

    What do you mean?

    You can also consider using just 1 column instead of two columns then this issue wouldn’t occur as there is more room.

    #1228769
    sanu kumar

    worked

    #1228816
    Leo
    Staff
    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.