Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator Kathryn Presner

    (@zoonini)

    Hi @isanakhan – The screenshot is not loading for me, but I do see flags in front of each category on the page above, so looks like you got this sorted. Are you all set for now?

    Thread Starter Sana Khan

    (@isanakhan)

    In this section, I want to display a calendar icon or SVG image. On Each category post title. Kindly provide a solution.

    Thank you for the screenshot. You can add the following CSS code to add a calendar emoji before each title:

    .category #main article .entry-title:before {
      content:"??";
      display:inline-block;
      margin-right:10px
    }

    If you are not familiar with CSS, you add this code in your “Additional CSS” tab (at My Site > Appearance > Customize), in a new line, under any existing code, and make sure you click on “Save Changes” to save it:

    Feel free to replace ?? with a different emoji in the code above.

    The code should only add the calendar emoji on your archive pages but please note that depending on your site’s structure, the calendar emoji might appear in unintended places.

    Good luck! ??

    Thread Starter Sana Khan

    (@isanakhan)

    Thanks Alvaro Gómez (@mrfoxtalbot)

    I want to align my category title. My some title text show in below calendar.

    see print screen: https://ibb.co/rMDtLdY

    kindly suggest me css.

    I want to align my category title. My some title text show in below calendar.

    You can force the text to not overflow and also reduce text size for mobile screen so that the text that is overflowing is still visible.

    @media only screen and (max-width: 600px) {
     .entry-header h2 {
        font-size: 17px;
        overflow: hidden;
    }
    }
    

    Let me know how that goes

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Show Icon or Image Before Title’ is closed to new replies.