Rounded image border end rounded block border

Hi,

You could to that with some CSS, something like this for example
– http://prntscr.com/lnmet6

.td-module-thumb .entry-thumb {
border-radius: 10px;
}

Thanks

Hi,

For border radius in newsletter https://www.screencast.com/t/ubGaUuUru6C

Also the css provide by @Simion C. will apply to all thumbs.

I see that you fix the problem with big grid flex 10:
https://www.screencast.com/t/J1FXOpzhd

Thank you.

Hi,

Sorry that was my mistake.
Please add the below css in Newspaper>Theme panel>Advance css> Phones
https://www.screencast.com/t/EkGfyB2Abid0
https://www.screencast.com/t/3ypCtcdRlFcZ

.td_block_big_grid_flex_10 .td_module_flex_6 {
width: 100%;
}
.td_block_big_grid_flex_10 .td_module_flex_7 {
width: 80%;
}

Thank you for your understanding.

Hi,

Please try this custom css:
.td-big-thumb:hover{
border-radius: 50px;
}
You can adjust it after your needs.
https://www.screencast.com/t/vgSINvJ5nuQ

Thanks.

Hi,

Please try this custom css
.td_block_big_grid_4 .td-big-thumb:hover{
border-radius: 10px;
border: 1px solid black;
}
.td_block_big_grid_4 .td-big-grid-post .td-module-thumb {
background-color: transparent;
}
.td_block_big_grid_4 .td-big-grid-post {
width: 49%;
}
.td_block_big_grid_4 .td-big-thumb {
padding-right: 0px;
margin-right: 1%;
}
https://www.screencast.com/t/vvS6VsaRH0

Thank you.

Hi,

Did you paste the custom css in Newspaper>Theme panel>Custom code> Custom css ?
https://www.screencast.com/t/EVUULFUQg3L9
Please provide some screenshots with the implementation you made.

Thank you.

Hi,

Please replace the above custom css with this one

.td_block_big_grid_4 .td-big-thumb{
  border-radius: 10px;
  border: 1px solid black;
}

Thanks.

• This reply was modified 7 years by Calin.

Hi,

Please provide a link were I can find this problem, in this way I would be able to give you the right css.

Thank you for your understanding.

Hi,

Please use Thumbnails – Fix strange looking images on blocks
https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/

Thank you for your understanding.