- 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
That’s because its not a feature it has to do with you loading all your CSS with async so its causing a FOUT you need to disable that as its going to make the site look odd without properly using critical CSS.
Otherwise I would simply exclude the main theme css from being asynced.
Hello,
I’m writing to see if anyone has experienced this and can provide some tips we could use to troubleshoot.
At some point, the mobile menu and mobile search button stopped working, when our site is viewed on a phone. (Viewing the page in responsive/mobile view on a desktop Chrome/Firefox works fine.)
The odd thing is, the menu/search button works on most single article pages, but not on pages which include blocks listing video stories. (We found this by deleting blocks one by one, until we found that blocks with video seem to ‘break’ the link to the mobile menu.)
Example can be found on https://www.caymancompass.com, where the search or menu buttons do not respond to touch. This means that when the home page is viewed on a phone (android or iPhone), the buttons for menu and search do nothing.
We are using the regular theme, not the mobile theme plugin.
We have other sites using this theme, without these problems. We cannot find any obvious differences though.
Our live site is still at Newspaper 7.3, due to some custom code required by the boss, which needs to be rebuilt to work with themes newer than 7.5. Any hints (that don’t involve full upgrade to 8.7+) would be appreciated.
We tried: turning off Autoptimize and WP SuperCache, clearing cache in Cloudflare, upgrading to the latest visual composer, downgrading visual composer, turning off some plugins we added, removing and replacing blocks on home page, commenting out CSS, taking out Javascript and/or CSS from Autoptimize.
It could be something simple we missed. Any hints would be appreciated.
Hi again,
I couldn’t locate the CSS from that file either.
Where can I find: Custom Code -> Advanced CSS?
Ok, so just to be clear – I should use the custom css, html, java, etc.. in the Theme Panal and avoid making modifications to the code anywhere else?
Thanks
Hello,
Please add this code in your theme panel-> custom css box:
.home .td-main-page-wrap{
padding-top:0!important;
}
Thank you!
Hello,
Thank you for your suggestions. We will change the css implementation in our theme in the coming updates and break the css in different files.
Thank you for your suggestion.
Hello,
In order to properly implement ssl please follow these tutorials:
http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
https://css-tricks.com/moving-to-https-on-wordpress/
https://yoast.com/dev-blog/move-website-https-ssl/
https://forum.tagdiv.com/topic/moving-to-ssl/
Thank you!
Hello,
You can try this custom css code in your theme panel-> custom css box:
.td-logo-text-wrap{
border-bottom: 1px solid lightgrey;
}
Thank you!
Hi,
The breadcrumbs can only be disabled for the entire website, not by specific locations
– https://forum.tagdiv.com/breadcrumbs/
That could be done with CSS maybe. It depends on for what exact pages you want them removed. By post name it is not possible however. It could be done by category pages or specific categories, posts or specific posts, some other cases as well.
Thanks
you had helped me before with same issue but with a different header , —>https://forum.tagdiv.com/topic/hello-newspaper-theme-customization/ , now im using multipurpose 3 and i cant find the proper elements to change color so i dont get this css override every time my header is loading. Currently i have picked blue color and green hover , but by default multipurpose 3 header has black color on letters and blue hover and white background color on header background . I wanna avoid this override and do the same as i did in the previous header you had helped me , check previous post and give me the same answer for multipurpose 3 header 🙂 Thank you in advance
Hello,
As a temporary solution please use this css code in your theme panel-> custom css box:
@media(min-width:767px)and (max-width:1460px){
.td-header-menu-social{
position:relative!important;
margin-left:auto!important;
margin-right:auto!important;
display:table;
}}
@media(max-width:1620px){
.td-header-style-10 .td-affix .td-main-menu-logo{
position:relative!important;;
}
We will fix this in the future theme update.
Thanks
Hello,
1. Please use the translation section of the theme panel.
2. Please change the limit here: to one that is divided by the number of posts on a single line. In most cases it is 3 so a number such as 9 or 12 is needed https://www.screencast.com/t/r9uUbEPDYq
3. please use this guide: https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
4. It can be done with custom css but you ned to provide exact, specific details to how you want it so I can provide the proper code.
Thanks.
Hello,
Please add this css code in your theme panel-> custom css box:
@media (min-width: 768px){
.td-header-style-5 .td-affix .td-main-menu-logo img, .td-header-style-6 .td-affix .td-main-menu-logo img, .td-header-style-12 .td-affix .td-main-menu-logo img {
top: 9px;
}
}
Thank you!
Hello,
Please add this code in your theme panel->custom css box :
@media (max-width: 767px){
.footer-logo-wrap img {
max-width: 27%!important;
}
Use the percentage to make the logo as small as you like.
Thank you!
Hi,
Yes, the implementation seems ok. As a suggestion, you can remove the css and simply use the them div’s provided here: https://forum.tagdiv.com/newsmag-using-other-ads/ which are already responsive
Thank you!
That will require modifications to the theme files, or you could use some CSS to prevent all clicking on those elements
.single .td-post-title .td-category,
.single .td-post-title .td-post-author-name,
.single .td-post-title .td-post-comments {
pointer-events: none;
}
Thanks
Hi tagDiv,
I just want to follow up on this question. I want to hide the Breadcrumbs on the homepage only so the below CSS code is not working.
.entry-crumbs {
display:none;
}
P.S. I am not using TD Composer for my homepage. Just a normal/default WP blog homepage.
Thanks!
So when I was working on a new site for a local city news, I was working with the mobile theme plugin and realized that bbPress had its styles dequeued (the ones from the theme which I don’t believe should be done) which was fine, however I then also realized that there was no CSS file for BuddyPress which prompted me to wonder why the BuddyPress CSS is not properly loaded in its own file.
Doing so would allow us to load that one file in the mobile theme instead what I will need to do is export the CSS and load it in its own file on BuddyPress Pages. Also its not proper to load CSS that overrides BuddyPress in the main css file.
BuddyPress Docs
https://codex.buddypress.org/themes/theme-compatibility-1-7/add-buddypress-styles-to-a-theme/
> If you want to ship your theme with extra styles to support BuddyPress add the BuddyPress styles to the buddypress.css file and include it in your theme. Do not add the BuddyPress styles to your style.css file. This will ensure the styles are only loaded when BuddyPress is activated and will override the default styles supplied by the plugin.
Updates:
I have decided to no longer insert the AdBox code manually in the header-style-3.php file.
I have decided to insert a new container div with the CSS class “ads2”.
Here is the screen of the code entered: https://snag.gy/q6yJXa.jpg
This way it works well with all devices and displays advertising as I want.
Here is an example:
http://cambiovita360.it/questo-e-solo-un-articolo-demo-stiamo-testando-il-sito/
http://cambiovita360.it/tag/italia/
http://cambiovita360.it/category/videos/
Please what do you think? Am I doing the right thing?
Thanks so much.
Gabriel
Hi,
I’ve been having some issues trying to create an “About us” page with this structure: https://demo.tagdiv.com/newspaper_wildlife/about/.
1.- I’m not able to split the row in two equal columns. I’ve tried it using TagDiv Composer and also the WP editor.
2.- I can’t set the image with the correct size even adjusting the css options, instead, it remains huge.
Could you please help me to solve it in this blog https://www.quecomoyporque.com/sobre-nosotros/?
Thanx in advance
Hi Gang!
I’m having some image issues.
I’m using Elementor to create landing pages.
The ONLY reason I’m using Elementor is that your TagDiv composer (as I referenced in another post) keeps on deleting information for when I go back into the page/post to edit it. It’s beyond frustrating, since no one has helped clear up this issue at all.
HOWEVER, Elementor has been amazing in using to create landing pages, but there is an issue with image sizes.
Elementor already gave me a css code to fix an opacity issue of images not showing up, but now there’s an image size issue.
Newspaper theme is making the images appear vertically, when in fact they are horizontal images.
It’s filled with white space, and I’ve tried everything that I know to try to fix this issue.
Can I actually have some help with this please? I love this theme, and my readers love my layout and theme…but it’s very difficult in trying to use.
Thank you for any help!
Here’s the link to the screenshot for foodnservice.com
https://pasteboard.co/HdodtUV.png
We are trying to align WPform’s form with the color coding and fonts of Newspaper (black) theme. Example: Dark grey Fonts in the black background (text boxes) as against the current view. Check out the form in footer section of https://www.latidune.com.
The form has a CSS class setting, would like to know if there is any specific CSS class of Newspaper theme that can be leveraged in WPForm’s CSS class setting instead of adding custom css code in theme panel. Thanks.
Hi tagDiv,
I am using the coffee blog demo. I enabled the search in the main menu and make it sticky menu. However, every time I scroll up I noticed that the search button is not correctly alight in desktop view.
Can you guys please help me with some CSS code to fix the alignment?
Screenshot: http://prntscr.com/ivezt7
My site: https://pinoycollection.com/
Thanks!
