- 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
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
I just updated to Newspaper 10.4. Beside the theme I have 45 different plug-ins.
After installation I had to manually purge the cache for WP Super Cache.
Apart from that no issues so far. Here is the change log:
[ Version 10.4 ]
new: tagDiv CSS Analyzer Tool (beta) – For the first time in the Newspaper Theme, we’re introducing a free and awesome tool that analyzes and removes all the unused CSS from the page, supporting your effort to make your website faster. The tagDiv CSS Analyzer Tool works in stages. First, it removes all the unused CSS, then, from the final clean CSS, it generates the Critical CSS and automatically moves the non-critical one to the bottom of the page;
new: 2 New one-click installable PRO Demos created with the tagDiv Cloud Library & tagDiv Composer:
new: School PRO – View Demo ;
new: City PRO – View Demo ;
new: WordPress 5.7 compatibility;
new: Smaller CSS files – We’ve moved the individual CSS on the components where it is used to make the specific elements load faster;
new: Added help video tooltips on the shortcodes options in the tagDiv Composer page builder;
new: Added the disable Google fonts for mobile option in the Theme Panel;
new: tagDiv Standard Pack is no longer required on new theme install;
new: Updated WPBakery & Revolution Slider plugins to the latest version;
improvement: Web Core Vitals – We’ve made a general theme revision for Web Core Vitals to improve Performance, Accessibility, and SEO. In some cases, you’ll need to make particular revisions to get better results;
improvement: We’ve removed the CSS style from the Cloud Library plugin. Now, all style is moved on the components where is used;
improvement: Flex blocks – Added extra Review Stars options;
improvement: Applied Animation/Lazy Load effect on the Revolution Slider images;
improvement: Added Lazy Load animation on the Image Box and Inline Single Image element;
improvement: Added width and height attributes on the Inline mage and Fancy image elements;
improvement: New options to change the SEO Title Tag on various shortcodes;
improvement: New options to add Gradient & Shadow on sticky rows;
improvement: Added “Time ago” option for blocks;
improvement: The Inline Text element now recognizes footer shortcodes;
improvement: Removed left/right margin restrictions for the column/inner column;
improvement: Smaller Newspaper font – some icons are now converted into SVG;
improvement: ‘rel’ option for logo URL;
improvement: ‘rel’ option for social share;
fix: Food Recipes demo fix – meta info on modules was hidden from CSS;
fix: Front page offset issue on the Mobile Theme;
fix: Some string translations on the Mobile theme;
fix: Undo/redo history in tagDiv Composer due to memory limit on local storage;
fix: WPML notices;
fix: Saving theme panel backups;
fix: Title styles on the Single Comments;
fix: Background image upload in the panel when the image has caption;
fix: Prevent sending XSS injection in block ID – courtesy to Toan Nguyen & Truoc Phan;
fix: Shadow issue on row dividers;
fix: Ad title position;
fix: Some translation strings;
fix: Open modal login from comments shortcode without the panel option;
fix: Width and height attribute on header logo;
fix: Twitter social counter;
fix: Multiple warnings and notices.
Hello,
If you referring to this block => https://www.screencast.com/t/xh40lu3nhNm, then this can be done only if you set an excerpt/length of words or letters for posts title and content https://i.imgur.com/a53B2U5.png -> https://i.imgur.com/4LWvCNt.png or using a custom code CSS.
For the footer on the category page, please edit the page, and in Manager (Website Manager) you need to import the footer that you have on the homepage or you can set the footer in Theme Panel -> Footer and select the footer, this will be applied on all pages/posts => https://www.screencast.com/t/PBkNOswg3k3w
Also, for the content on the post, if you don’t have a sidebar then you can set the layout on the row to 1/1 => https://www.screencast.com/t/TL6utlhfQW
Hope this helps you!
Thank you!
Hello,
To aligh to the center the next and prev pagination, you need to use a custom code css => https://www.screencast.com/t/zyFinUSoc
.td-next-prev-wrap{
text-align: center;
}
The code needs to be set in Theme panel -> Custom code -> Custom CSS => https://www.screencast.com/t/fxetQe24ZHf
Hope this helps you!
Thank you!
`
Hello,
This social sharing icon appears only on the mobile version. If you want it to be displayed on the desktop version, you need to use a custom CSS => https://www.screencast.com/t/w5dA10Sa
.td-social-viber{
display: inline-block;
}
`
The code needs to be set in Theme panel -> Custom code -> Custom CSS => https://www.screencast.com/t/fxetQe24ZHf
Hope this helps you!
Thank you!
I have underlined all the hyperlinks using the below CSS code;
.single .tdb_single_content a{
text-decoration: none;
border-bottom: 2px solid;
}
.single .tdb_single_content a:hover {
text-decoration: none;
color: #F37500;
border-bottom: 0;
transition: color .15s ease-out;
}
However, I want to use a different text-decoration on the headings (H1-H5), what should I do to override it?
Hi
When I change the content of Custom CSS or Analytics/JS Codes and try to save the changes the loading sign stays forever and the changes are not being saved. I am running Newspaper 10.3.9.1. Custom CSS as well as Analytic Codes had alread been added earlier but cannot be changed anymore.
Any help would be appreciated.
Thanks in advance!
Hi,
See this screenshot, I tried few times, I cant install newspaper theme, kindly help.
Installing theme from uploaded file: themeforest-yFFYBiPT-newspaper.zip
Unpacking the package…
Installing the theme…
The package could not be installed. The theme is missing the style.css stylesheet.
Theme installation failed.
Installing theme from uploaded file: themeforest-yFFYBiPT-newspaper.zip
Unpacking the package…
Installing the theme…
The package could not be installed. The theme is missing the style.css stylesheet.
Theme installation failed.
Hi I’ve tried to place the typekit code and doesnt show in the text.
Code placed – <link rel=”stylesheet” href=”https://use.typekit.net/ggj7hxa.css”>
M
Hi, is it possible to change the graphic style of a text-only page (without Div composer tag)?
I intend to change the CSS style of all pages not created with tagDiv composer.
Example: Cookie policy page.
Thank you
Hi helderkamei, if the images are displaying on desktop and you use the responsive version, those will display on mobile too. but if you are using the mobile theme plugin then on mobile will be display thumbs with “265×198” and the “741×486” size, if you want you can check all details about mobile theme plugin in our documentation from here -> https://i.imgur.com/V8Udotk.png -> https://forum.tagdiv.com/the-mobile-theme/
With Newsmag theme the only way to have a different version for mobile is using the mobile theme plugin, unfortunately, this do not have to many options.
Also using the Image box you can set between 1-4 images -> https://i.imgur.com/1wcYW79.png and those will automatically adjust, now if you have only one image and you want to make it smaller you can use a row or inner row and chose a design -> https://i.imgur.com/8EqQJlT.png -> https://i.imgur.com/qCMb6eH.png then just drag and drop there the image. Another option is to set on image an width in css tab -> https://i.imgur.com/Xm6OdF2.png
Hope this will help you!
Hi,
All the steps you made are correctly and the settings should apply, but I see that there is still a stronger css -> https://i.imgur.com/FfimgHp.png do you have some extra css added in theme?
If you want I can take a look to see what can be the problem, for this please make a full backup and contact us at contact@tagdiv.com include the link of this topic and provide wp-admin access.
Thank you!
Only the half message, now the complete:
XML-Verarbeitungsfehler: XML- oder Text-Deklaration nicht am Beginn der Entität
Adresse: https://www.fehnblogger.de/sitemap_index.xml
Zeile Nr. 2, Spalte 1:
<?xml version=”1.0″ encoding=”UTF-8″?><?xml-stylesheet type=”text/xsl” href=”//www.fehnblogger.de/wp-content/plugins/wordpress-seo/css/main-sitemap.xsl”?>
^
Hello !
Please try this css code: .dropdown-toggle::after {
display:none;
}
The code must be inserted in here: https://www.screencast.com/t/oGOx9YNh69b
Thank you !
Hello !
Because you are using a Custom HTML element which comes from wordpress that will be editable using only CSS. Please provide a link to your website and let us know what exactly you would like to change.
Thank you !
Ok … i give up.
I don’t get my header recreated. The Menu kills me….
In the composer i see my css styles. (Categorie Colors.)
https://s8.directupload.net/images/210324/gfvsiq2a.jpg
On the Website, the Colors a gone and the Font is strange.
https://s20.directupload.net/images/210324/6ud2fj6e.jpg
And on Mobile the colors are show with overlay colors. But on Desktop, there are no Catergory Overlay Colors.
https://s12.directupload.net/images/210324/vfe4m53s.jpg
I think i’m to stupid.
Thanks, I understand what´s happening.
Can you point me to how I make the header zone boxed? And then I play with the CSS zone dimensions to get what I want… I´m just having trouble finding where to box the header zone.
Thanks again!
Hi,
i am modifying animals pro theme and on one of the full width sections i changed background image in the CSS tab of the row options.
I changed it to a proper, good quality big image (1800px x 1000px), set it up as ‘cover’ however it is displayed in very poor quality.
I checked in the page source code and it seems that theme is resizing the image and choosing some small one. You can see that in the image file URL there is suffix 300×169. I do not have any other themes or plugins active:
<div class="tdi_121_366_rand_style td-element-style" ><div class="td-element-style-before"><style>
.tdi_121_366_rand_style > .td-element-style-before {
content:'' !important;
width:100% !important;
height:100% !important;
position:absolute !important;
top:0 !important;
left:0 !important;
display:block !important;
z-index:0 !important;
background-image:url("image file url with this suffix -300x169.jpg") !important;
background-position:right top !important;
background-size:cover !important;
}
</style></div>
Hello,
You need to use a custom code CSS
.tdb_header_menu .tdb-menu>li>a:after {
left: -9px;
right: auto;
margin: auto;
border-radius: 100%;
}
Please set the code in Theme Panel -> Custom Code -> Custom CSS.
Thank you!
Hello,
You can add the quote like in the image, using a custom code CSS, like this => https://www.screencast.com/t/Ht5zaaJ1iKcY
The code is
blockquote{
display: block;
background: #fff;
}
blockquote::before{
content: "\201C"; /*Unicode for Left Double Quote*/
/*Font*/
font-family: Georgia, serif;
font-size: 60px;
font-weight: bold;
color: #999;
/*Positioning*/
position: absolute;
left: -15px;
top:-30px;
} you need to adjust the left and top position.
If you like it, you can add the code in Theme Panel -> Custom Code -> Custom CSS.
Thank you!
Hello,
I’ve been going mad over this one. When I apply a child-theme across the sites, I am getting odd behaviour where the mobile viewport reacted site gets pulled to the left and the logo appears to be shifted off-screen too.
It seems to happen when applying child-themes, if I re-activate the parent theme, it’s back to normal.
Please, god tell me you’ve seen this behaviour before, it’s been plaguing me for some time and I thought I had it resolved, but nope. Currently, I am in maintenance mode as I was performing a massive upgrade. This happening with child-themes is a show stopper.
For instance on the project website, fresh install of Newspaper, if I apply the version 9c child-theme you supply on some sites it will break like the above on others it applies ok.
For the demo image, I posted above. I created a fresh demo multi-site instance, tried version 9c child-theme on all subsites and it was fine. Added and applied my project child theme, and that’s how I took the picture of the bug.
The behavior is so badly intermittent, I’ve been desperately trying to track it down. There is nothing within the project child-theme css that causes this and have seen it working fine on some sites. Even if I remove all the css from the child-theme it still pulls to the left! It’s just because a child-theme is applied that it happens. No settings imported, everything standard.
Please, I am desperate for an answer as I currently on the clock in maintenance mode holding back 100k’s of visitors for the past few days. I’m totally out of options now and pray to God you’ve encountered this behavior before?
Kind regards,
Richard
Hello,
If you have a mobile page you can adjust it with tagDiv Composer, and you can delete some components, but if you use the mobile responsive, you can only hide them from tab called “CSS” select the viewport phone and select the element and after hide it => https://www.screencast.com/t/Of08s58KJi
This is a video about Responsive Newspaper Theme, Mobile Pages & Templates https://www.youtube.com/watch?v=SpGkOnJeNZY
Hope this helps you!
Thank you!
Hello !
If you are using Mobile Theme + AMP you will have to add the code in Theme Panel – Mobile Theme: https://www.screencast.com/t/hgxj5I6Dl
If you are using AMP without mobile theme plugin you need to insert the code in Theme Panel – Custom Code – Advanced CSS: https://www.screencast.com/t/HtJKmUPQA9mk
Thank you !
Hello !
You will have to make sure that you Header zone is boxed, because now we are clicking on the header. You will have to reduce it via css as you can see here: https://www.screencast.com/t/P1gNNw21j That orange zone must be reduced.
I hope this helped.
Thank you !
Hello!
Unfortunately, there is no other element. The only one solution it is to modify the iframe or to find a CSS solution which will would require an investigation.
Thank you!
