Change more link in archive pages

  • Author
    Posts
  • #160259
    rjayapal
    Member

    Hi, How can I change the more link in archive pages? Right now, it is an arrow inside a circle. I want a button with custom text on top.

    Regards,
    Ramya

    The blog I need help with is: (visible only to logged in users)

    #160270
    tarasdashkevych
    Theme Author

    Hello Ramya,

    By default, the theme displays a button with an icon only in archive views. The theme also includes a “Continue Reading” text for accessibility purposes. This text is only visible for screen reader devices.

    You can use this custom CSS to add your own text to the button:

    
    /* hide icon in the more button in archive views */
    .archive-grid .hentry .more-link svg {
      display: none;
    }
    
    /* display custom text in the more button in archive views */
    .archive-grid .hentry .entry-footer .more-link {
      width: auto;
      height: auto;
      padding: 0.2em 1.5em;
    }
    
    .archive-grid .hentry .more-link::before {
      content: "My custom text";
    }
    

    Please note, the theme uses a simplified version of the read more button in archive views in order to avoid overflow issues, since the space in this area is limited.

    Please let me know if you have additional questions on this topic.

    Kind regards,
    Taras

    #160288
    rjayapal
    Member
    Original poster

    Thank you Taras. Will leave them alone then.

    #160301
    tarasdashkevych
    Theme Author

    You are very welcome, Ramya!

    Kind regards,
    Taras

  • The topic ‘Change more link in archive pages’ is closed to new replies.