- NewspaperCreate Custom Code with the browser’s Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
>You should create the content with the Mobile Editor.
>button is not displayed
>Please check our documentation about the tagDiv CSS Analyzer
Button do not work
Turned off specifically all plugins
except – tagdiv composer, standart, mobile
Hello!
The Mobile Theme is a performance optimized theme included in the Newspaper main theme and it loads only for mobile devices. It comes with its own templates for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout. For more details, please take a look here:
– https://forum.tagdiv.com/mobile-theme-introduction/
– https://forum.tagdiv.com/the-mobile-theme/
If you use Mobile theme plugin, then you can not edit the pages with TagDiv Composer.
You have only some settings for this layout, which you can find in Theme panel -> Mobile Theme. Please note that if a page is made by Composer, than the content won’t be displayed on Mobile theme version. You should create the content with the Mobile Editor.
Please check our documentation about the tagDiv CSS Analyzer:
Thank you!
Hello!
Try to apply this code in the Live CSS and save it:
.td_module_mx1 .td-module-thumb a:last-child:before{ background: none!important;}
Thank you!
Hello!
Please check if you have active and you use the tagdiv CSS Analyzer, click on “Remove generated CSS” and see the results.
If this problem is not solved after that, then we need to take a look and see what happened there.
Please contact us via email at contact@tagdiv.com and provide the following:
– admin url and credentials
– a link to this topic in order to identify you
Our team will take a look!
Thank you!
Hello,
Please use this custom code CSS
.td-page-content p, .td-page-content li {
font-size: 25px;
}
The code needs to be set in Theme Panel> Mobile Theme > Custom code> CSS.
Thank you!
Hello, I know that in order to show thumbnails on mobile website when using Tagdiv Mobile Plugin, I need to enable the two thumbnails sizes in ‘Theme Panel –> Block Settings –> Thumbs on Modules/Blocks’
However, I want to avoid it because every image uploaded on the website will have two more thumbnail versions of it created, and thus eat up space (in ‘uploads’ folder) on the server.
Is there a way in which the Mobile Theme can use the default uploaded image or the ‘300×0’ sized image, and resize those using css to show the required thumbnails?
Hello,
Please select the row on the main menu and in the tab called “CSS” you can change the background color => https://i.imgur.com/byVwQ8M.jpg
Thank you!
How do you custom CSS? Please write down the custom code for me.
Hello Anamaria,
Thanks for replying. I have 11.3.1, yes. I’m pretty sure I had that option and I even ran it. I see Css analyzer in its folder in my server. But not showing up in WP bar.
Hi. First post.
I recently migrated my WP site to a new domain and new hosting. I used Migrate Guru and everything went well. Everything except featured videos.
On my current live site, this is how pages are rendered with a featured video:
https://snipboard.io/KDUkXE.jpg
This is how the exact same post renders on my new staging site:
https://snipboard.io/768wbA.jpg
The staging site does not have the same level of responsiveness either. The video just remains the same size as the page resizes. This does not repro on pages with Featured Images, these pages function exactly as intended.
Examining in Chrome developer tools, the CSS seems to be the same. There are no differences in the codebase that I’m aware of. The staging site does have the SeedProd plugin which I’m using for a Coming Soon page, but the bug is persistent when I deactivate the plugin.
I am using the standard Style 9 post template. Switching to a different template doesn’t fix the problem. Downloading a Cloud Template with featured videos does not resolve the problem. I feel like a critical part of the plugin code or a file is missing regarding the featured video. I do not know where to check for this.
The live site is running PHP 7.0.33 (-0ubuntu0.16.04.16)
The staging site is running PHP 7.4.25
Both sites are running Newspaper 11.3.1
Both sites are running WP 5.8.1
If you optimize with the category page CSS analyzer function, it will break from page 2 onwards.
Is there any bug?
Hello!
It should work well. Please make sure you use the Single Post Featured Image and not the Single Post BG Featured Image, change the element: https://www.screencast.com/t/lQoN5x6QAiU
CSS here:
@media print{ .tdb-featured-image-bg { display:block;}}
Results here: https://www.screencast.com/t/B7ohxOGj
Thank you!
Will you be able to provide custom css to achieve this?
“To not give option of mobile menu until the page loads completely in mobile”
or
“To get this mobile menu loaded no matter the page is loaded or not”
I see other people using newspaper theme has beautiful mobile menu
Toto support forum je v EN jazyku tak dufam, ze nedostaneme ban. :/
Treba ist po casovej osi uprav, ze kedy to asi nastalo…zapnut Dev Tool v Chrome a pozerat co sa deje…pripade
– purge all v cache (ak mas Redis a pod. aj tú)
– potom vypnut Autoptimize plugin
– zapnut mod “v konstrukcii” a odinstalovat tagDiv Composer,
– purge all v cache (ak mas Redis a pod. aj tú)
– opat nainstalovat tagDiv Composer a aktivovat
– zmazat cache v Browseri
– vyskusat iny Browser
– pozriet kde vsade robis minifikaciu CSS/JS a vypnut ju
– zasa purge all v cache (ak mas Redis a pod. aj tú)
Cistit cache pri kazdej zmene.
!!Pozor po odinstalovani tagDiv Composer sa cely frontend rozbije!! (preto ten maintenance mode)
technicka podpora je v mojom profile napisana mozeme napriamo
hi,
I am using Cloud Template from Gossip pro in my site. Its not showing any image when I want to print a post. Then I checked Newspaper demos site also. I found, images not showing neither on Demo site nor in my site.
Then I tried to fix it by custom CSS as you mentioned here
But its not working also. What to do to show featured image and site logo in print page?
Hi,
Unfortunately, our theme do no have this option, the featured image must be set like in our guide -> https://forum.tagdiv.com/newsmag-featured-images/ now if you do not want the featured image inside the post, then you can use a css to remove it
.td-post-featured-image {
display: none;
}
This code need to be set in the theme panel > custom code> custom css.
Or you can use the single post style 7 https://i.imgur.com/QjuAyLc.png
Thank you!
I, I just installed newspaper last Saturday and today i create the first mobile page. This is the error I am facing on the mobile ios device. Please help me solve it.
Kindest Regards
Patrick
wp_booster error:
td_res_context->get_att(gap) Internal error: The atts are not set yet(AKA: the render template method was called without atts)
/var/www/vhosts/ecodisofia.net/httpdocs/wp-content/plugins/td-composer/legacy/common/wp_booster/td_css_res_compiler.php
Array
(
[0] => Array
(
[file] => /var/www/vhosts/ecodisofia.net/httpdocs/wp-content/plugins/td-composer/legacy/common/wp_booster/td_css_res_compiler.php
[line] => 385
[function] => error
[class] => td_util
[type] => ::
[args] => Array
(
[0] => /var/www/vhosts/ecodisofia.net/httpdocs/wp-content/plugins/td-composer/legacy/common/wp_booster/td_css_res_compiler.php
[1] => td_res_context->get_att(gap) Internal error: The atts are not set yet(AKA: the render template method was called without atts)
)
)
[1] => Array
(
[file] => /var/www/vhosts/ecodisofia.net/httpdocs/wp-content/plugins/td-composer/legacy/common/wp_booster/td_css_res_compiler.php
[line] => 362
[function] => get_att
[class] => td_res_context
[object] => td_res_context Object
(
[settings:td_res_context:private] => Array
(
[all] => Array
(
[gap] => 10px
[row_auto_height] => 1
[row_fixed] =>
[stretch_off] =>
[row_anim_off] =>
[svg_z_index] =>
[flex_display] => block
[flex_width] =>
)
)
[current_media:td_res_context:private] => portrait
[atts:td_res_context:private] => Array
(
)
[index_style] =>
[responsive_atts:td_res_context:private] => Array
(
[0] => gap
)
[fonts_to_load:td_res_context:private] => Array
(
)
)
[type] => ->
[args] => Array
(
[0] => gap
[1] =>
[2] =>
)
)
[2] => Array
(
[file] => /var/www/vhosts/ecodisofia.net/httpdocs/wp-content/plugins/td-composer/includes/shortcodes/vc_row.php
[line] => 365
[function] => get_shortcode_att
[class] => td_res_context
[object] => td_res_context Object
Hello!
Access the homepage and apply the CSS here: https://www.screencast.com/t/qtjrfaPqfRz
You can change the color by replace the word “green” with a color code or color name.
The CSS code is here:
.td-fashion-pro .td-background-blend .td_module_wrap:hover .entry-thumb {
background-color: green!important;}
Thank you!
Hi! How did you solve it? I can’t find CSS Analyzer. You mean it dissapeared after you used it? That could explain it…
How to disabled pinch and zoom on a mobile? I tried user-scalable=”no” and dont work. I tried even custom CSS from tagdiv forum, and didn t work. I hope it can be disabled.
Hello,
I want to create different rows with has different views and types. For example i want to chance background color but full width on screen like as footer or header. I want to ad my wide pictures on a row’s background as fullwidth. How can i do that? There is a lot of bug on CSS tab in composer. When you set a color on anywhere while using CSS tab in composer, you can’t see your last settings when you check out to here again later.
Your tutorials about the theme panel but I want to create special pages for my new products. Like this: https://www.insta360.com/product/insta360-go2/
How can I learn completely control the background of the pages?
Thanks for helps…
Hello,
Seems to be an issue, but until this is solved, you can use this custom CSS code
.single .tdb_single_featured_image .tdb-caption-text {
position: absolute;
bottom: 0;
color: #fff;
}
Please set the code in Theme Panel -> Custom Code -> Custom CSS.
Thank you!
I would like LazyLoad to be turned ON but without a visual effect. There is no option in the settings. How can I do that? Maybe extra CSS?
Hello, as I mentioned above to the first post, I want to place the camera icon under the main photo before the legend as I showed in the capture, for that I need to know where that icon is to make the call in the CSS
Hello @beasteh,
I will add it to the list of suggestions, but normally if you added CSS once there will be no problems.
Thank you!
