Search Results for 'css'

Hi,

That is not an issue, in that way was design this block, if you want top change that space you can use a custom css
-> https://www.screencast.com/t/RwXzMB4q
.td_block_9 .td_module_8 {
padding-bottom: 5px;
}
Set the code in Newspaper>theme panel>Custom code>Custom css

Thank you for your understanding!

Hi,

I don’t quite understand the problem. So the post titles are not appearing in the modules? that would be unusual. Some more details would be helpful, and a link to the website so I can inspect the problem.

For increasing the size of the icons either in the top bar or the main menu there is no setting unfortunately. However I could give you a code that you can enter in the theme panel custom CSS code section. it will increase the icons to a value of your choosing (modify the size in the code how you want). Example – http://prntscr.com/mukutj

.td-header-menu-social .td-social-icon-wrap i {
font-size: 18px;
}

Let me know.
Thanks

Hi,

1. Unfortunately for the moment is no option in our theme mobile to do that, but if you want to achieve this please check this topic -> https://forum.tagdiv.com/topic/mobile-theme-smart-list-disable/

2. In order to fix this you can add this custom css in Newspaper>Theme panel>Mobile theme>Custom code> CSS
.tdm_smart_list_1 .td-slide-smart-list-figure {
display: block;
}
and the problem will be fix -> https://www.screencast.com/t/PZZrd3ypb2Df -> https://www.screencast.com/t/FstoVTvedu4s

Thank you for your understanding!

Hi,

For this you can use a custom css ->
.td-block-span4 {
padding-right: 12px!important;
padding-left: 12px!important
}
.td_block_4 {
margin-left: 36px;
margin-right: 36px;
}
-> https://www.screencast.com/t/yxidCQBZSB
Please set the code in Newspaper>Theme panel>Custom code>Advance section desktop -> https://www.screencast.com/t/jSzRVEpU

Thank you!

Hi,

1. Try using this setting – http://prntscr.com/mugrd0 the zoom on hover will work then.

2. On mobile the same module and thumbnails that are loaded on desktop will be used. So the thumbnail size is bigger than the reduced size of the module on mobile. For the moment it is selected/clicked this will be seen.
I tried various CSS codes to remove the selection effect, but none worked.

3. From what I can see at the moment the website loads quite good
– http://prntscr.com/muh84b
It is true that they do not allow using caching plugins, I believe they already use a caching system of they own
– https://en.support.wordpress.com/incompatible-plugins/
There are topics in the forum regarding website loading speed, with suggestions that you could try. But maybe these methods are not allowed in wordpress.com.
Using many block types with ajax pagination and ajax filters may be an issue, especially when there are many visitors on the website.
Since the speed booster plugin cannot be used in this case, maybe they can provide an alternative for render blocking optimization. Or a suggestion for an allowed plugin. Also some optimization guides of their own.
I see render blocking and server response time would be the major issues
– http://prntscr.com/muhe8q

4. I believe that should be fixed in the latest version. From what I know there were some modifications to prevent this from happening. So you can activate the background ad.

For the background loading on mobile there were no modifications up to this moment, I will check on this task.

Thanks

Hi,

This can be achieve with custom css, please provide me a link were I can inspect this, in this way I will be able to provide you a custom cs that can help you top achieve that.

Thank you for your understanding!

Hi,

I believe we have identified the issue that is causing the blur, it is a CSS issue. try entering this code in the theme panel custom CSS section and check if it solves it

.td-pb-span4 .wpb_wrapper,
.td-pb-span4 .td-ss-main-sidebar {
perspective: unset!important;
}

Before a definitive solution is found try this temporary fix. Let me know.

Thanks

Hi,

No this is not need, if you theme panel > custom code>custom css will apply to all devices.

Thank you!

Hi,

You can use this custom css

.td-a-rec-id-sidebar{
  padding-bottom: 30px; 
}

this code will add to all your ad boxs a padding of 30px in posts/ pages/ categories …
Please set the code in Newspaper>Theme penal> Custom code > Custom css
If you want to be apply only on post use this code

.single .td-a-rec-id-sidebar{
  padding-bottom: 30px; 
}

Thank you!

Hi,

For this please use this custom css
.td-footer-wrap .footer-email-wrap a{
color: #4db2ec;
}
set it in newspaper>theme panel>custom code>custom css

Hope this will help you!
Thanks.

Hi,

If you want only the animation here is the custom css for it
.td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-module-thumb a:last-child:after {
-webkit-transition: transform 0.7s ease 0s;
-moz-transition: transform 0.7s ease 0s;
-o-transition: transform 0.7s ease 0s;
transition: transform 0.7s ease 0s;
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 146%, 0);
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 146%, 0);
-moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 146%, 0);
-ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 146%, 0);
-o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 146%, 0);
}
.td-grid-style-1.td-hover-1 .td-module-thumb a:last-child:after {
position: absolute;
top: 0;
left: 0;
width: 160%;
height: 100%;
background: rgba(255, 255, 255, 0.2);
content: '';
z-index: 1;
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
-moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
-ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
-o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
}
Just change the gig grid style from here -> https://www.screencast.com/t/VTBb2xCdEjmf with the number of style that you have set https://www.screencast.com/t/3fO8phLI3mcW
-> https://www.screencast.com/t/cQrA4zrbj33C

Set the code in Newspaper>Theme panel>Custom code> Custom css

Thank you!