- 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
Hi,
If I correctly understand, you want to make a post to be particularly displayed, unfortunately, the setting form our theme are apply on the block for all the posts that are displayed in it.
What you want maybe it can be done with some custom css, but this depends on what situation you want to apply the css, if is about applying on posts from specific categories, then I think it can be done a code for it.
Thank you!
Hi Bezukhof,
Some of theme are coming from the page that is set as popup modal for menu -> https://i.imgur.com/9D5c2Ce.png -> https://i.imgur.com/dSSueOw.png for this edit the homepage, select the all element from menu and click on edit page -> https://i.imgur.com/5eR5Kab.png and remove the h tags from that page (or you can replace the popup page).
The Running the CSS analyzer is display because you are running the h tool when you are logged in and the top bar is activate. Normally that h tag is when you open and run the CSS analyzer tool. So you do not need to worry about that one.
Thank you!
I have disabled the CSS/js options as suggested and cleared all cache, however it still shows the same for me :/
Hello,
The code from the child theme function seems to be ok.
From what you describe is like the child theme is not activate.
I made a test with a css on my install and for me this is apply correctly, so the wp-content/themes/Newspaper-child/style.css file is working for css.
If you want we can made some investigations at this. For this you can contact us via email at contact@tagdiv.com, please provide wp-admin access and we’ll check it as soon as we can.
Thank you!
Hello,
The problem is from Autoptimize, please disable the minify CSS/js and clear all cache.
Thank you!
Hello shubhamsharma7979,
The last time when we check the CDN settings, those from our guide https://forum.tagdiv.com/cloudflare-cdn/ were working with the tagDiv CSS Analyzer.
Hi nockeeee, in case that one of those settings has been the case of the problem you had, please let us know too, so we can check it out.
Thank you!
The sticky ad you sent image is an ad from Google but the ad that I have added is not showing. I have used wp rocket plugin in it i have minify css /js
https://drive.google.com/file/d/1mujfKV2Fu15WZNmj2rs1TNk1yOtnOO3L/view?usp=sharing
Hello,
The sticky footer ad is displayed -> https://i.imgur.com/5JVWADc.png
I saw you have a lot of errors in the console -> https://i.imgur.com/umXUFXL.png seems you have something to lazy load option enabled.
Please let me know if you use a plugin to minify the js/CSS.
Thank you!
My site is here:
I just started developing the site. I installed the child theme included in the download and it seems to be working properly, but when I make changes to the child theme CSS they won’t show up on the site.
Troubleshooting so far:
–If I navigate to https://redstateroundup.com/wp-content/themes/Newspaper-child/style.css in a browser the changes are there.
–The CSS is valid: It works when I test it in the CSS panel in Console, in the WP Customize tool and in the CSS field in Theme Panel > Custom Code.
–When I look at any page’s source code there’s no link to the child theme CSS.
–I checked functions.php to make sure the enqueue function is there.
–I deleted and reinstalled the child theme from scratch but it didn’t help.
–I flushed the cache in my browser and on my host (IONOS).
–I tried hard-coding a link to the child theme CSS in header.php but that didn’t help. The hard-coded CSS link doesn’t show up.
–When I make file changes and check in my FTP client (CyberDuck) the file changes and date modified time update.
As far as I can tell I’m doing everything right, but the site won’t write any child theme changes even though the files seem to be right where they belong.
I can use the Custom Code in Theme Panel if I have to, but also I need to modify PHP files in the child theme.
Any help greatly appreciated!
Hello,
Unfortunately, that element you can’t customize only with custom code CSS.
A workaround there could be to use a modal popup: https://forum.tagdiv.com/modal-popup/ or page menu -> https://forum.tagdiv.com/page-menu/
Thank you!
Hello!
Add this CSS code in Newspaper -> Theme panel -> Custom code -> Custom CSS:
.tdb_single_content .tdb-block-inner.td-fix-index {
transform: none!important;}
Thank you!
Anamaria,
I didn’t use any plugin for CSS/js. I didn’t solve anything.
There is only 2 image option in your screenshot. Problem is the 6. image are going to the second row. Problem is the rows. There shouldn’t be rows, there should be slider to reach other images as I show you in the last screenshot I sent.
https://craycle.com/product/ranger-mini-3ch-trainer-plane-stl-files/
https://craycle.com/product/crayclecub-800-mm-fpv-trainer-stl-file/
https://craycle.com/product/crow-750-mm-fpv-racer-plane-stl-file-beta/
Check this pages, problem continue.
Hi,
Indeed, if you are using the mobile theme plugin and you want to optimize the mobile-theme.eot fonts, then you need to add the swap manually in the theme plugin, the file that needs to be edited is this one -> wp-content\plugins\td-composer\mobile\style.css -> https://i.imgur.com/dkOzlUg.png you need to add the font-display: swap; like this -> https://i.imgur.com/flkHuFP.png
This should help you!
Hello,
I just checked the website and seems you solve the problem -> https://i.imgur.com/785xm8A.png
Did you use a plugin to minify the CSS/js? Please try to remove the minify (CSS and Js) and see after the problem persist
Thank you!
Hello,
To hide the sidebar you need to use a custom code CSS
.td-ss-main-sidebar {
display: none;
}
Set the code in Theme Panel -> Custom Code -> Advanced Css -> Phones -> https://i.imgur.com/IlMFlug.png
Thank you!
Hi,
I see that this problem appears only when the sticky drop down is open up, my suggestion for this is to use a custom css that will make the drop down list smaller in that situation.
.wpdt-c .dropup .dropdown-menu {
max-height: 250px!important;
}
You need to set the code in the theme panel > custom code> custom css.
I hope this will help you!
Hi, on our site The Good News Hub, we are seeing an error on google page speed test that “Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading.” I understand that to fix this font swap usually needs to be turned on. On looking at further details it is reporting it for the following plugins
plugins/td-composer/mobile/images/icons/mobile-theme.eot?13
plugins/td-composer/mobile/images/icons/mobile-theme.woff?13
Can you offer any advice?
Hello!
Click on the row, column or zone, and the background color should be in the CSS tab: https://prnt.sc/JEOXXo-pno1l
Thank you!
Hello,
The settings for fonts will apply from frontend -> https://www.youtube.com/watch?v=rbkYVyj1__Q if want to have a different font size for some special paragraphs, then you can add an extra class and use a custom code CSS.
Thank you!
Hello,
I am facing a lot of problems with mobile pagespeed optimization. The theme is really slowing down my website for mobile devices.
There are a few of the render-blocking resources that show up for mobile devices.
https://snipboard.io/3lzOcC.jpg
https://snipboard.io/bO8SxX.jpg
https://snipboard.io/A0c63T.jpg
My domain is wirefray.com
I would request you to look through all the render-blocking resources, unused CSS and unused JavaScript in PageSpeed Insights, and tell me what I should do to fix them all.
Please note, the result will carry from time to time since I am using a cache and CDN to optimize my website, but these problems do exist.
Regards.
Hello Ben!
Add this CSS code in Newspaper -> Theme panel -> Custom code -> Custom CSS:
.td-woo-default .woocommerce-checkout{ width: 100%!important;}
Thank you!
Hi
To make an element temporary invisible in the public page, but remaining in the editor for future update, I selected the CSS option Display: Hiddden, but this makes the element also invisible in the TagDiv editor.
How to I see or recover an hidden element in the editor?
I use that plugin already but still get the massive amount of CSS shown. Which options do you use to get rid of it?
Beside this issue, the most annoying part is that there has never been an explanation of WHY there is so much unnecessary CSS code. The CSS code for a cloud template should be based on the options and selections we make in the tagdiv editor.
Hello!
Please check the settings in the TagDiv Composer on a row or a column in the CSS tab and remove the image: https://prnt.sc/R0w6LLxByg-v
Thank you!
Hello!
1. The title can be centered: https://prnt.sc/moPe6HsHbv1G and you can create a border: https://prnt.sc/i7QwqGoxT8kc
For the blocks, you can use flex blocks and hide the details you do not need. For that line, I think you should add it by custom code: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ or use the element called “Separator”. For more details about the flex blocks settings, you can check this guide: https://forum.tagdiv.com/flex-block-settings-guide/
2. You can add the “button” element and styled it: https://prnt.sc/ptG2QcwiiS0G
2.-3.-4.The block can be build with a flex block and some “inline text” elements. Depend on which functionalities do you need on them(with or without links).
5. Same as at point 1.
You can add a row with 3 columns: https://prnt.sc/eUDHdi2O4tZM and add the number in an inline text element and set the style and add a flex block for the posts title. Check this video: https://www.screencast.com/t/LLtycCTxRhO
6.-7. For this you need some custom CSS in order to achieve it.
For customization and other services you can contact our custom work team here: https://tagdiv.com/premium-customization-services/
Thank you for understanding!