Customization of the Blog layout

Can CSS and JS be added to the Blog Widgit to adjust the layout of the fields for the featured post and the previous posts? I am going to be using the widgit as links only to full posts on my website as I need a html editor for the my content which is educational tutorials. The following is how I’d like the posts laid out on the blog front end, with he Featured Post image displaying as full width rather than as is. Please advise if this is possible using CSS and JS. Many thanks.

Hello, @Victoria_Hansen :hugs:

I’ll be glad to assist with that! To make sure I get your vision right, could you maybe share a reference of how do you want your widget to look like? A screenshot or a direct link to a similar page would help a lot!

If there’s no such reference, could you please share a bit more about the customisation you have in mind? If I understood you right, you need:

  1. A blog post to be showing up in full width, meaning that the heading and a picture need to be wider.
  2. In addition to point 1, each post needs to be on the separate row, not beside one another like now.
  3. A redirect to your other website page needs to be done somehow. Do you want to forward your website visitors to another page after they click on the Blog post anywhere or on the heading?

Please feel free to correct me and add your other thoughts to my points. Let’s get your widget looking great :smiling_face:

Hello Irene, I have created a mockup of what I’d like the layout to be. If you could come back to me with your thoughts I’d appreciate it. Not these colours specifically but I’d nominate the colours I want for the links and buttons. There would be a number of previous posts under the latest one. I’ve just added two to show you. They don’t need all the categories etc, just the title, the image and a link to read the post. If this can’t be achieved, in the meantime I could use two widgits to achieve a similar layout. Perhaps a slider at the top and a portfolio or even timeline underneath.

1 Like

Hi there, @Victoria_Hansen :waving_hand:

Thank you so much for sharing your mockup!

If I got your idea right, you’d like to implement 2 changes:

  1. Make the image of the featured post full-width and place the post title, text and button below the image

  2. Add CTA buttons, redirecting to the specified links

It’s impossible to customize CTA buttons for the posts at the moment, but this idea is already on the Wishlist. Feel free to upvote it - CTA button for the posts.


If all posts should have the button with the same link, you can add it to the description of your blog.

For this, you should:

  1. Open the Code Editor in Description field on the Settings tab:

  1. After that, please paste the code below:
<a href="https://elfsight.com" style="display: inline-block; padding: 10px 20px; background-color: #007bff; color: white; text-decoration: none; border-radius: 5px;">Read More</a>


Don’t forget to change the link, text and adjust this styling of this button.

If this workaround meets your case, and you’d still wish to make the featured image full-width, please let me know. I’ll ask the devs for a solution :wink: