Texts and photos merge in Safari only

Posted in: Newspaper
Post count: 11
hakankenandemir
#268431
Dec 20, 2018 at 3:52 pm

Hello. Our website works fine on every browser, but in Safari on big screen Macs texts and pictures on homepages stack.

This is the link to our website: test.birgun.net

I did some custom margin/padding settings on blocks, but website works fine on every browser except Safari.

error

Post count: 35449
Calin
#268439
Dec 20, 2018 at 4:41 pm

Hi,

Please add this custom css in Newspaper>Theme panel>Custom code>Custom css

.td_flex_block_1 .td_module_flex_1 .td-module-container,
.td_flex_block_2 .td_module_flex_2 .td-module-container,
.td_flex_block_3 .td_module_flex_3 .td-module-container,
.td_flex_block_4 .td_module_flex_4 .td-module-container,
.td_flex_block_5 .td_module_flex_4 .td-module-container {
display: -webkit-box;
}

Let me know how is working.

Thank you.

Post count: 11
hakankenandemir
#268517
Dec 21, 2018 at 11:40 am

Hey. I did these, now texts in chrome are gone.

error

Post count: 35449
Calin
#268578
Dec 21, 2018 at 4:28 pm

Hi,

Please try this custom css
.td-md-is-safari .td_flex_block_1 .td_module_flex_1 .td-module-container,
.td-md-is-safari .td_flex_block_2 .td_module_flex_2 .td-module-container,
.td-md-is-safari .td_flex_block_3 .td_module_flex_3 .td-module-container,
.td-md-is-safari .td_flex_block_4 .td_module_flex_4 .td-module-container,
.td-md-is-safari .td_flex_block_5 .td_module_flex_4 .td-module-container {
display: -webkit-box;
}
.td-md-is-safari .td_module_flex_1 .td-module-meta-info,
.td-md-is-safari .td_module_flex_2 .td-module-meta-info,
.td-md-is-safari .td_module_flex_3 .td-module-meta-info,
.td-md-is-safari .td_module_flex_4 .td-module-meta-info,
.td-md-is-safari .td_module_flex_5 .td-module-meta-info {
width: 65%;
}
Hope this will help you better.

Thank you.

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.