This will place the image above and the title below:
.post-image { float:initial; }
I’d also recommend:
.post-content{ margin-left:initial; }
This will rid the margin gap on the left of the title. Assuming you dont want that and prefer it to be aligned to the left side.
Thanks Kimbery for your quick reply. But Please tell me where i input your html code
Thanks
to keep it simple you can put this in your style.css file (at the bottom).
Hi @sohelhossenpiash,
I hope you are well today and thank you for your question.
You can achieve this by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.
Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS
.widget.sparkling-popular-posts .post-image {
clear: both;
float: none;
max-width: 60px;
width: auto;
}
.widget.sparkling-popular-posts .post-content {
margin-left: 0;
margin-top: 10px;
}
Please note if you make changes in the theme files then you have to make these changes again after theme updation as changes made in the theme files get lost on theme updation so it’s not recommended to make any changes in the theme file like adding CSS code in the style.css file of the theme.
Best Regards,
Movin
