Rounded image border end rounded block border

Hi,

Please remove this custom css from Newspaper>Theme panel>Custom code >Custom css
and paste it in Newspaper>Theme panel>Advanced code in all device, but not in phones
https://www.screencast.com/t/dMYXiJI0VpD
.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%;
}

Hope this will solve your problem.

Hi,

Then please add the below css for the mobile in Newspaper>Theme panel>Custom code>Custom css
@media (max-width: 767px){
.td_block_big_grid_4 .td-big-grid-post {
width: 100%!important;
}
}

Thanks.

Hi,

Please send us an email at contact@tagdiv.com and provide admin login, as well as cPanel or FTP if possible. We will take a look. Include a link to this topic in the email.

Thanks

Hi,

Please provide a link ere a can find the problem with rounded corner on grid.

Here is the css for the space between blocks
@media (max-width: 767px){
.td_block_big_grid_fl_3 .td-big-grid-post-0,
.td_block_big_grid_fl_3 .td-big-grid-post-1 {
margin-bottom: 10px;
}
}
https://www.screencast.com/t/UlVdt7GA0

Thank you for your understanding.

Hi,

Here is how I see the blocks on my mobile
https://www.screencast.com/t/58tA9QNbD
Please clear your mobile browser cache.

Thank you for your understanding.

Hi,

Please make a test, copy all custom css and remove them fro the theme panel, after that save it and take a look on mobile, and if all look normal set the css back, see if there are some changes or not.

Thank you.

Hi,

I just tested with others mobiles and is look round
-> https://www.screencast.com/t/fi2reKWQBsDU
Please try with others mobiles too.

Thank you.

Hi,

Please remove all css from theme panel, that you get for the border radius and let try to make a new css, nice and clean, please let me know when you remove the css, to can provide you a new one.

Thank you for your underrating.

Hi,

Please add this custom css ( this custom css will border all blocks/modules that you have on your website )
.td-module-thumb, .td-image-wrap, .entry-thumb {
border-radius: 10px;
}

Let me know the results.

Hi,

I think you are using safari, please replace the below custom css with this one
.td-module-thumb, .td-image-wrap, .entry-thumb {
border-radius: 10px;
-webkit-mask-image: -webkit-radial-gradient(white, black);
}

Hope this will solve your problem

• This reply was modified 7 years by Calin.