Customize Web-Stories ( archieve page )

  • Hi,

    I need your help regarding customization of webstories archieve page.
    I want to show only small thumbnail of webstories and title in web-stories archieve page.
    If you provide any css code this will be very helpful for me.

    You can check this as a reference : https://edition.cnn.com/ampstories

    looking forward to your help.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hey @koushik001 ,

    Do you want to change thumbnail size for all devices or only for desktop or mobile devices? Please let me know and I will look into it

    Regards,
    ThemeGrill Support Team

    Thread Starter koushik001

    (@koushik001)

    Hi , @bikku

    I only want to show webstories thumbnail not complete story which are presently displayed.

    Thumbnail size for all device.

    Kindly provide some css code which i can easily add in additional css sections.

    Looking forward to your help.

    Hey,

    I see there are 2 types of images inside Web Stories. Could you please go to Appearance > Customize > Additional CSS and add the code below?

    .archive .article-container .featured-image{
    height: 250px;
    width: 250px;
}

    This will decrease the size of the featured images. Do let me know if there is something else or if you want to decrease the size for other images as well.

    Regards,
    ThemeGrill Support Team

    Thread Starter koushik001

    (@koushik001)

    Hi,Bikalpa Bhattarai

    Thanks for your help.
    It works like a charm.
    Can you kindly provide another additional css for category page to get same grid system?
    It will be very helpful if you provide it.
    Looking forward to your help.

    Thanks & Regards
    Koushik

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Customize Web-Stories ( archieve page )’ is closed to new replies.