Search Results for 'css'

Hi,

I make some investigation and the problems that you have with tagDiv AMP was made by the Easy Social Share Buttons for WordPress plugin, this plugin add a lot of css in theme and it is not compatible with amp css, I deactivate it and now the AMP is work properly
-> https://www.screencast.com/t/SJlaBN9uiH
-> https://validator.ampproject.org/#url=https%3A%2F%2Fvizartpandey.com%2Ftableau-introduction-to-an-arc-chart%2Famp%2F

Also please check our documentation for Cloudflare (CDN) and set the rocket loader to off ( https://www.screencast.com/t/tyApf9sAxspK ), in this way you solve the problem with those errors -> https://www.screencast.com/t/QhWXNeUfd8

Thank you for your understanding!

Hi,

You need to add this custom css in Newspaper>theme panel>Custom code advance in phone section -> https://www.screencast.com/t/GqEXEAVIW2G
.author-box-wrap {
display: none
}
or if you are using mobile the set the code in Newspaper>theme panel>mobile theme -> https://www.screencast.com/t/IR4kd4ZXxqOD

Thanks.

Hi,

Unfortunately, the theme does not have any such a blank template or empty page, sorry! Another alternative, in this case, would be to create your desired page with all the elements you want and then, for this page, you should create your own custom CSS code to display none for header and footer. The following guide might be useful for you -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hi,

If you modify it there it will affect all the modules, not just the mega-menu modules. Also there could be various design issues as you mention caused by changing the heading, the proper CSS will not apply anymore.

I could add a request for an option to be added in the header builder to be able to choose the heading it will use, but I can’t promise anything.

Thanks

Quite unusual, seems some ads have a negative margin left, it comes from the ad code
– http://prntscr.com/mtwpq4
Maybe check how you created the ads, why would they have a negative margin. That may be what is causing the problem. I for one haven’t seen this before, ads coming with a negative inline margin left.
But not all of them, only the ones that are bigger for some reason, the ones that are 300×250 or auto which would usually be the same thing in this case.

I could try and center them with some CSS, the ones that are bigger, maybe it will work

.td-g-rec-id-custom_ad_1,
.td-g-rec-id-custom_ad_3 {
right: 20px!important;
}
.td-g-rec-id-custom_ad_1 .adsbygoogle,
.td-g-rec-id-custom_ad_3 .adsbygoogle {
margin-left:auto!important;
}

Hi,

This is happen because all of them (post/page/category) have set a different padding top.
Please set this custom css in theme panel > custom code>custom css and the breadcrumbs will be in the same pace like in post ->
.td-crumb-container {
padding-top: 11px;
}
.page-template-page-pagebuilder-title .td-main-page-wrap {
padding-top: 0!Important;
}

Thank you!

Hi,

I make some test, but I can not recreate this problem -> https://www.screencast.com/t/w6UHN547UUT

But if this is a problem for you, then you’ll need to edit the demo file and set there the header color gradient, you need to go in Newspaper>includes>demos>fast>demo_style.css
on line 15
https://www.screencast.com/t/IbKm1xAoc3h
https://www.screencast.com/t/GYqLtetMzTp
Because first time is load the style from the theme files and after that will be load the one from theme panel, also please make sure that you clear all cache after you do those changes.

Thank you for the understanding.

Hi,

Please make sure that you clear all cache after you save the settings that you made in theme panel ( -> https://www.screencast.com/t/mFo9cwDgKL ), also please make sure that you do not have a plugin conflict, please deactivate all non theme plugins, clear all cache and check again.

If the Breadcrumbs still do not show please use this custom css
-> https://www.screencast.com/t/5vwprKkTNlS
.td-blog-beauty .td-header-style-11 + .td-category-header .td-crumb-container {
display: block;
}

Thank you!

Hi,

There’s no option for custom CSS code for AMP version, sorry!
For example here is a custom css for center the logo on amp
.td-logo amp-img {
left: 50%;
transform: translateX(-50%);
}

The above code is a bit of CSS code to change the AMP style page, please edit here -> https://www.screencast.com/t/vIUHFAbD6uRH You need to follow the above advice if you want to customize your AMP version.
the path is wp-content>plugins>td-amp>templates>styles.php
results-> https://www.screencast.com/t/ypZ7UyOkP

Thank you for your understanding!

Hi,

That happens because there is a CSS code that limits the height of the footer to 50px
– http://prntscr.com/mti463
Check in the custom CSS section of the theme panel and modify or remove that code. Then the footer should display properly.

Thanks

Hi,

Please check if you do not have any custom css in theme panel that make the icon color to be withe, if there is non of css please use this one, this will make the search to appear again -> https://www.screencast.com/t/ByqqvBn1Jq.td-header-style-6 .header-search-wrap #td-header-search-button .td-icon-search {
line-height: 80px;
color: #111;
}
Set the code in Newspaper>theme panel>Custom code>Custom css

Thank you.

Hi,

Indeed, all the cloud templates can be duplicated, there is an option for that.

Moving the search icon to the left could be done with some CSS, if possible post a link to the website where you want to do this so I can create a code for it. Let me know.

Thanks

Hi,

It can be done, it will look like this – http://prntscr.com/mteujj

This is the code for it, it can be entered in the theme panel custom CSS section

@media (max-width: 767px){
.td-header-top-menu-full,
.td-header-sp-top-menu {
display: block!important;
text-align:center ;
}
.menu-top-container {
margin-right: 0;
}
.td-weather-top-widget,
.td_data_time,
.td-header-sp-top-widget {
display: none!important;
}}

I can modify it again if needed, let me know.
Thanks

Hi,

Please notice that the Article Box has been designed to be hidden on mobile devices because the width of the mobile devices is too short and the content of More Articles box will come over your post content and it’s not okay. By default, this element is hidden and I do not know why is on your website. I suggest to use the code below and place it in Theme panel -> Custom CSS Area to hide the More Article Box on mobile.

@media(max-width:767px){
.td-more-articles-box{
display:none;
}
}

Thanks for your understanding!

Hi,

I have checked your website and it seems that for that post template 4, the Subtitle was hidden on mobile and that’s why you bring nothing. Please try using the code below and place it in Theme panel -> Custom CSS area.

@media (max-width: 767px){
.td-post-template-4 .td-post-sub-title {
display:block;
}}

The result is here -> https://www.screencast.com/t/fdh7WhyO

Thanks for your understnading!

Hi,

I have checked your website and I saw the big white space which seems to come from your page configuration with Visual Composer. As a quick solution, try to use the code below and place it in Theme panel -> Cusotm CSS area.

.home .vc_row-flex{
min-height:0!important;
}

Hope this helps!

Thanks for your understanding!

Hi,

Try to use the code below and place it in Theme panel -> Cusotm CSS area.

.td_block_template_8 .td_module_wrap:hover .entry-title a{
color:green;
}

The result is here -> https://www.screencast.com/t/APfi0rvFi

Thanks.

Hi

Now I think that I understand to what white background you want to change, you are referring on this area -> https://www.screencast.com/t/4YrmkYQ9AU2

Please try this custom css
-> https://www.screencast.com/t/qZigglZFFOG
.home .td-main-content-wrap, .td-category-grid {
background-color: #e8df6d;
}

Thank you!