- 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
Hello Megan!
Add this CSS code in the Live CSS box:
.tagdiv-type figure img {
margin-bottom: 20px;
}
Thank you!
I think it happened because I edited the style.css file and uploaded it, the plugin crashed and uninstalled itself. This seems to be an issue.
Hello!
Make sure that every element has 0 margin in the CSS tab: https://prnt.sc/AzNU0lJNawLT
Thank you!
Recent post images in our footer are not being lazy loaded. They appear to be using a Flex Block 1 with CSS background-image and I found no options in the cloud template to lazy load them. Is there a way to lazy load these images?
See the footer at:
https://marthasvineyard.bluedotliving.com/
Hello!
The mobile editor comes from the mobile theme plugin and AMP.
If you use cloud templates, then you can use an element as column text, raw HTML, or raw CSS to add codes.
You should use the mobile theme + AMP and add the code to the post you need in the mobile editor field.
Actually, we have 3 options for mobile versions that you can use:
1. Responsive version: A responsive version of your website looks similar to the desktop version. TagDiv Composer is used to edit the page.Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB. There, you can see your mobile version and edit or adjust the elements to look better.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages
3. Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and designs for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.
A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY
If you need to use the mobile version 1 or 2, then you need to uninstall the Mobile Theme plugin and AMP.
Thank you!
Hello!
Click on “Remove generated CSS” and see the results.
I recommend you to use only the Autoptimize. The CSS analyser is deprecated in the new version of the theme. Please update the theme and plugins too.
Thank you!
Hello Jeremy!
Please add this CSS code in the Live CSS box section:
.tdw-wmc-widget { display:none!important;}
Thank you!
Hi everyone,
I got Newspaper, installed and configured with WP Super Cache (using the devteams suggestions), and Autoptimize.
Every time I run the CSS Analyser, my local loaded Fonts (in theme panel) disappear and the whole site is in “Times New Roman”.
Any help for that?
Apologies. It is not a row. It is a default white border that is 1px and is by default on the top and bottom of each page (not posts) So it creates a thin 1px white border line between top and bottom imags.
As link shows.
It is only in mobile phone view. Not on iPad view or Desktop.
I found in Inspector that this code removed it, but when I added this to my CSS nothing happened.
@media (max-width: 767px)
(index):958
.tdi_2 {
border-color: #eaeaea !important;
border-style: solid !important;
border-width: 0px 0px 0px 0px !important;
}
Please advise.
Hi,
If you have an element on a version hidden, but in the other viewports it is unhidden, then you can change the settings like this => https://www.screencast.com/t/LrqrbPgtXOt
If you can’t find an element after you have hidden it on every viewport, check this thread for the solution: https://forum.tagdiv.com/topic/cssdisplay-show-or-hidden/
Thank you!
Hello,
If you are using the Gutenberg editor, then there will be no sidebar in the editor, this will look like this -> https://i.imgur.com/F6PUBhU.png
If you are using some classic editor plugin, then the sidebar can be removed only from the files, for this, you need to go in -> wp-content/themes/Newspaper/editor-style.css and comment these lines of CSS -> https://imgur.com/EpWJhGZ
Hope this will help you!
Thank you!
Hello!
Check this guide: https://stackoverflow.com/questions/13154147/how-to-set-safari-print-margins-via-css-to-print-borderless
Thank you!
I’ve disabled minify for CSS and JS, purged all cache, but nothing changed.
Object cache was disabled from the beginning, and I found no object-cache file to delete in the wp-content folder.
Any other ideas?
Hi,
Please disable the the options to optimize the css and js from litespeed plugfin.
Also, this plugin creates an object-cache file in wp-content, please delete it -> https://forum.tagdiv.com/general-options-may-interfere-newspaper-theme/
Thank you!
Hello guys!
The website should look like this (as it was before, and as it is now in the Tagdiv Composer): https://snipboard.io/fWYXF9.jpg
But instead, it looks like this: https://snipboard.io/e1Mnt2.jpg
The header is also messed up in the single article pages.
Can you take a look? https://familist.ro/
I disabled the LiteSpeed Cache plugin and nothing changed… Now it’s back on but I’m thinking that maybe I should give it more time being disabled? Could this cause the issue? Although I shouldn’t see the cached versionwhen I’m logged in.
Hello!
Please select the row and add a padding top in the CSS tab, so it will look as it should.
Thank you!
Hi,
Depending on what elements are set in the h1 and h2, you may need a solid path to apply the css.
Thank you!
Hi,
The social icons can be removed from the theme panel > social networks -social networks – https://i.imgur.com/YARGSNs.png also for social share use the same path theme panel > social networks – social share.
For background you can use the option from the theme panel > theme color > general theme colors – https://i.imgur.com/E5sRoB1.png or you can use a custom css like this one -> https://i.imgur.com/FYIEOmG.jpg
.td-main-content {
background: gray;
}
This code needs to be set in the theme panel > custom code> custom css.
I hope this will help you!
Hello,
I recommend adding the wp forms, using the column text to be able to edit that page -> https://forum.tagdiv.com/add-contact-form/
Or maybe you need to use a custom code ->
.td-crumb-container{
display: none
}
Set the code in Theme Panel -> Custom Code -> Custom Css.
Thank you!
Hi,
Sorry to bother…
I am actually styling my site
I found in tag dvi composer options to syle menu / submenu colors etc.
https://tinypic.host/image/Immagine-2023-08-19-171157.gRo5H
So I dont understand how to set ACTIVE
I found settings for HOVER but not for ACTIVE…
or maybe I dont see them?
My Custom CSS is Not working
I wanted to style the h1 and h2 with different colours. But both show the same colour. What file do I need to edit directly?
Hi Anamaria,
I use different parts of your templates. Header is from one template, Footer is from another template, Categories page is from a third template. I no longer remember the names of the templates, and I have renamed them to make it easier for me to work. Then I changed these different parts with tagdiv Composer beyond recognition and they look nothing like the original.
The above css code will do the job. Hopefully this will be the last thing that gets in the way of my site design.
And one more question, on the home page of the site I have a menu on the left side that I want to hide in the mobile version of the site. I looked for an option in the theme for this functionality, but I didn’t find it, and I did it again with css code:
@media only screen and (max-width: 800px) {
body .tdi_42 {
display: none;
}
}
Does such functionality exist, and if so where?
Thanks for the reply and have a nice day!
Hello,
We have a problem with your modal.
In our articles, we put a modal that opens an ID page, look at the strange behavior here: https://share.cleanshot.com/VqGY8V2x
We first thought of a cache/js report/css/js minimization problem… the WP Rocket team connected to the site and told us that the problem came from the theme and not from the wprocket configuration.
Post with wprocket: https://youpi.news/2023/08/01/tactiques-video-efficaces-cabinets-avocats/
Post without wprocket : https://youpi.news/2023/08/01/tactiques-video-efficaces-cabinets-avocats/?nowprocket
The page of the modal that is called is this one: https://youpi.news/plans/ and it is displayed correctly.
An idea of the problem ?
Hi,
Please use this custom css
.td-post-featured-image .wp-caption-text{
display: none;
}
Set this code in the theme panel > custom code> custom css – https://i.imgur.com/ScQSSOe.png
I hope this will help you!
