We would love to change images that appear in lists of articles (e.g a list of 10 articles with very small images and thumbnails) to be round. I have a developer and a designer – could you please tell us where and what to change so I can pass it on to them?
Thank you!
Hello,
If you want this to be a block on the homepage, you can simply use css to do it like for example if I would like to change the images on a block 7:
You would add this css in the theme panel->custom css box:
.td_block_7 .td-module-thumb .entry-thumb{
border-radius: 35px;
}
result: http://screencast.com/t/u7xwCePWPiV3
I hope this helps.
Thank you!
thank you this is very helpful. A quick question to follow up:) I also would like to change the”Authors” blok to use round images and to go across the page and not as a column (I hope I explained it well) :)) I will use similar css for the images but could I change the layout?
by the way, we can’t make them round, only round corners but not circles ….
Hi,
The author box element was designed to work as a list, so there is no easy way of making it accross the whole content. you can however use 2 author blocks on a split row so you have 2 columns of authors. You will have to filter the authors for both blocks so you do not have duplication.
For the author thumbs you can use this css to make avatars round:
.td_top_authors img{
border-radius:35px!important
}
Note that the author avatars can be circles as the problem you mentioned comes from the aspect ratio. If an image is ‘wide’ and not square, you cannot make it a circle. if you want to have circles on your homepage, please use a block that uses square images like block 21 for example: http://screencast.com/t/TPI0J2hIbEOh
You can make a square round but not a rectangle.
Hope this helps.
Thank you!
Thank you!
