- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hi,
1. The animation of Slide-menu, Slide-search, Sign in / Join are set using javascript and using a css will not help. I’m will ask our developers to check if there is a simple solution for this.
2. The easier solution for this is to use a single post template from the cloud, this can be edited using tagDiv Composer and you can add/edit/set the elements like you want.
If you are suing post templates from tagDiv Standard template, then, there will be add a few settings in the theme panel (usually for on of some posts template elements), also those can be edited only in the files wp-content/plugins/td-standard-pack/Newspaper/parts/single
3. You can import that cloud header from tagDiv Cloud Library and just edit it with your personal logo, menu and socials. -> https://i.imgur.com/aYGsrca.png -> https://i.imgur.com/sDVR9FS.png
4. The gradient color can be set using tagDiv Composer and it can be set on rows -> https://i.imgur.com/LqIVO0w.jpg and zones -> https://i.imgur.com/Lj2oeY9.png
5. The menu from that demo is made using page menus, first were made the pages for the menu using the tagDiv Composer and after that those were set as page menus, here is a guide that will help you to make page menus-> https://forum.tagdiv.com/page-menu/
6. Yes, this can be done, the ‘Rimont Sign in / Join’ is the default one and the one from the Kattmar is the custom one. All you need to do is to edit the header template and add the :Header login” -> https://i.imgur.com/LoLEJNc.png
7. When you say resetting, I’m thinking to default page and on our theme this means an empty page.
Now, if you want to have a page and you want to use it as template, then just duplicate that page and edit the duplicates -> https://i.imgur.com/Qpmb920.png
Also, here is a video tutorial that can help you to use the theme builder -> https://www.youtube.com/watch?v=SoGQ0d5kIBg
I hope this will help you!
Hello @louis !
In this gallery, the images will appear exactly at the size they have uploaded.
We do not have any settings in the theme, so you can try with CSS code.
Thank you!
Hello,
I saw this block, take over the colors set for Single Post Content-> https://i.imgur.com/EJK7PiG.png, so to change the color I think you better use a custom css code -> https://i.imgur.com/VOaWloN.png
body .more-link-wrap a {
background-color: red;
color: #fff!important;
}
body .more-link-wrap a:hover {
background-color: blue!important;
color: #fff!important;
}
This code needs to be set in Theme Panel -> Custom Code -> Custom CSS.
Thank you!
Hi,
Please try this custom css
.td-main-menu-logo img {
max-height: 60px;
max-width: 180px;
}
set the code in the theme panel > mobile theme > custom code > css.
I hope this will help with the logo size.
Hello,
Q1: Please share CSS to off animation of Slide-menu, Slide-search, Sign in / Join, for Desktop & Mobile? Instant usability is more user-friendly.
Q2: Is it possible to modify posts without Cloud Library? Or how do i change layout of all posts? Where are all the options?
Q3: How do i make the header and search-bar as: https://demo.tagdiv.com/newspaper_kattmar_pro ?
Q4: How do i make header gradient color?
Q5: How do i make an mega text menu as FOR LIFE?: https://demo.tagdiv.com/newspaper_music_life_pro
Regards
that is a theme error , editor-style.css?wp-mce-49110-20201110
not exist in child theme i’m using, it has to be handled by the newsletter theme loading that file from correct location
hi, i can’t render the form Jetpack subscription widget styled as the template…
see image
https://postimg.cc/gallery/zHBfkYC
how can I do ? thank you
Hi,
I think that the problem is this one https://i.imgur.com/l3kjfNN.png this can be if you have a custom code that it is overwriting the mobile theme plugin settings. What you can do is to use this code
.td-category a {
color: #fff;
}
Please set the code in the theme panel > mobile theme> custom code > css.
Thank you!
Hello Pimp Fred!
I can see that this issue is only in one case, on homepage. So, please check the settings to be the same as in the single post template for example. If this issue is still there, then you can add this CSS code in the LIVE CSS:
.tdi_39 .tdb-head-search-form-input{ min-width: 300px;}
Thank you!
Hello Andre!
Try to add this CSS code in Newspaper -> Theme panel -> Custom code -> Custom CSS:
.mfp-figure:before{display:none!important;}
Thank you!
Hi vineethjose,
Unfortunately, the social icons can not be changed, also there is no option to change the font size for the social media in the top bur, but, with this I can help with a custom css. I think that this code https://i.imgur.com/mrWnlfk.png will do the work:
.td-top-bar-container .td-social-icon-wrap i {
font-size: 18px;
}
The code need to be set in the theme panel > custom code> custom css.
Thank you!
I have added custom css to the styles.css file within the theme directory to ensure elegant loading. I cannot see any reason why this wouldn’t be working however so any feedback would be great.
Thanks
Hi,
After the update to 5.2, the theme colour panels “General Theme Colours” background attribute appears to be ignored on the home page on the frontend. Posts and single pages appear to be unaffected.
I can use custom CSS to bring the background back but would prefer to know if this is just me experiencing this bug?
Thanks
It says, “We are coming soon” so I cannot see the css.
Maybe you can change this through the “Cloud Templates” and then “Header Template”. You can stretch the row of the header there?
At hispanicla.com I just upgraded to Newspaper 11.4.1
For mobile, I use the TagDiv Mobile Theme version 1.8
In the posts, the problem is that the menu on top of the headline shows black type over a black background. I could fix this in the regular theme, but I have no control over that in the Mobile theme.
Otherwise it works fine.
But before I upgraded and using Newspaper 11.3.2 when clicked these menus – of Categories – led to a broken page. This is what prompted me ultimately to upgrade to 11.4.1 I can send you a jpg of that page.
Thank you as always,
G
Hi,
Based on how it is now, meaning included in a table, it looks like this https://i.imgur.com/Rq3X8MY.png
In terms of positioning I believe it is how you want it, centered.
The border of the table can be removed with some CSS, for example
https://i.imgur.com/jiKuVj5.png
The code for that is here -> https://pastebin.com/SkPkk2Gb
It can be entered in the theme panel custom CSS section.
Without a table it would indeed be positioned next to the logo, normally a header is is wider, like 728px in width and it occupies the full space. A smaller ad would be next to the logo with empty space to the right. Then something like this would work for example
https://i.imgur.com/vEbtzTo.png -> https://pastebin.com/LpJ7ypF8
But either way will be fine, as long as the ad is where it should be.
Thank you!
Hello @tw144!
Try to add this CSS code in Newspaper -> Theme panel -> Custom code -> Custom CSS:
.td-mobile-content .fa {color: white!important;font-size: 26px;}
Thank you!
I am building website locally with “Local by Flywheel”.
I am facing a issue with the following “Fatal error” message:
This happened in PHP version 8.
In PHP version 7.4.1 works perfectly fine.
Fatal error: Uncaught TypeError: abs(): Argument #1 ($num) must be of type int|float, string given in C:\Users\wongh\Local Sites\upf\app\public\wp-content\plugins\td-composer\legacy\common\wp_booster\td_css_res_compiler.php on line 571
Is there way to resolve this without reverting back to PHP version 7.4.1.
I am building website locally with “Local by Flywheel”.
I am facing a issue with the following “Fatal error”message:
This happened in PHP version 8.
In PHP version 7.4.1 works perfectly fine.
Fatal error: Uncaught TypeError: abs(): Argument #1 ($num) must be of type int|float, string given in C:\Users\wongh\Local Sites\upf\app\public\wp-content\plugins\td-composer\legacy\common\wp_booster\td_css_res_compiler.php on line 571
Is there way to resolve this without reverting back to PHP version 7.4.1.
Hi PrinterSmith,
Can you please let me know the problem that you are facing using the bbpress? As far as I know, there ware only some small css problems and I can help you with those.
Thank you!
Hello @justinmrnd5!
Please check this topic: https://forum.tagdiv.com/topic/can-the-cssjs-files-be-trimmed/
You can use the CSS Analyzer, which is our automatic tool, very useful for the page speed and unused CSS.
Documentation here: https://tagdiv.com/whats-new-in-the-newspaper-theme-10-4-update/
Tutorial here: https://www.youtube.com/watch?v=tnkVapqhIHc
Thank you for understanding!
Hello, can you please send a piece of CSS to change the color of the exclusive tag that appears when a post is behind a content locker? Thank you. https://paste.pics/955c036ed8b8e5c7a38b04c75e32afe2
I have set up my Font Awesome successfully in the main menu by changing the color like this:
.fa-home {
color: #000000
}
.fa-home:hover {
color: #266fef;
}
This custom CSS works well for the main menu. However, it does NOT work for the mobile menu.
Question: How do I apply these changes to the mobile menu?
Thanks, I just used some CSS:
.td-page-title {
font-size: 24px;
line-height: 32px;
visibility: hidden;
}
I just thought there was a theme ot page solution.
Thanks –
Hi
Thanks for awesome theme. Just getting started, so a newbie question – I’ve followed the instructions to remove the footer background image by going to ROW settings in footer, and selecting the CSS tab -> Background image. There’s nothing set. If I add an image there, it replaces the background image, but when I remove it, the old background image comes back. So the setting must be somewhere else — could you help please?
