- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
I’m experiencing a similar issue, how/where did you solve the CSS issue?
Hi. I am trying to use TD Composer to edit my homepage, but the content area for text block is not loading.
Console says:
JQMIGRATE: Migrate is installed, version 1.4.1
leadin.js?ver=1:17 Uncaught ReferenceError: Raven is not defined
at configureRaven (leadin.js?ver=1:17)
at leadin.js?ver=1:396
at leadin.js?ver=1:398
js_files_vue_modals.min.js?ver=d158fac1e2f85794ec26781eb2a38fd9:204 Download the Vue Devtools extension for a better development experience:
https://github.com/vuejs/vue-devtools
You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
jquery-migrate.min.js?ver=1.4.1:2 JQMIGRATE: Migrate is installed, version 1.4.1
js_files_for_wp_admin.min.js?ver=61179afdbbd6a8d8c8a7f82ae3fcd87d:26 Array(5)
js_files_for_wp_admin.min.js?ver=61179afdbbd6a8d8c8a7f82ae3fcd87d:28 tdcJobManager.addJob
js_files_for_wp_admin.min.js?ver=61179afdbbd6a8d8c8a7f82ae3fcd87d:26 N.d
js_files_for_wp_admin.min.js?ver=61179afdbbd6a8d8c8a7f82ae3fcd87d:26 Object
js_files_for_wp_admin.min.js?ver=61179afdbbd6a8d8c8a7f82ae3fcd87d:26 customRender - Rendering our model
js_files_for_wrapper.min.js?ver=61179afdbbd6a8d8c8a7f82ae3fcd87d:561 Object
font-newspaper.css:1 Failed to load resource: the server responded with a status of 404 ()
Solved! Problem was the css was not load correctly.
Hello,
I have just installed this template and everything is ok except the home. I have imported a default homepage with several elements (flex blocks, social blocks and everything) and when I am on tagdiv composer everything is ok, but when I load the homepage, for example Flex Block 3 is getting full stretch and there is no space for social counter widget on the right.
The template loads both style.css (parent and child theme) but something is getting wrong.
Could you help me please to solve it?
Thank you
Hi,
You could create your own quote styles, with CSS. The theme has some styles available
– https://demo.tagdiv.com/newspaper/blockquotes-pullquotes/
But you can use your own CSS styles, for example
– https://www.wpbeginner.com/wp-themes/how-to-customize-blockquotes-style-in-wordpress-themes/
– https://pagely.com/blog/style-blockquotes-wordpress/
– https://1stwebdesigner.com/css-snippets-blockquotes/
Custom CSS code can be entered in the theme panel->custom CSS section. If you have more questions let me know.
Thanks
Please do not use the code from that old topic. you need to use the current theme code.
1. Copy the function from td-module-single-base.php: https://www.screencast.com/t/ZrAbh5FAI
2. Paste it in td_module.php: https://www.screencast.com/t/TKIghxjwMc
3. Add the call for the function in your module file: https://www.screencast.com/t/C43vbviUHl
4. Use css to style the element on the front-end: https://www.screencast.com/t/OBSHGQWDd9
Thank you!
Hi,
Are there may posts for which you want to remove the featured image? I see you use a cloud post template for that post. You could duplicate it and remove the featured image element from the duplicated template – http://prntscr.com/odmp86
Then apply that template for the posts where you don’t want to display a featured image.
Or for those posts select a predefined post template, one that doesn’t display the featured image, like templates 5 and 12 – http://prntscr.com/odmqjj
It could be done with CSS as well, but all the post IDs would have to be entered in the code.
Let me know if you have more questions.
Thanks
Hello !
Please provide us a link to your website so we can offer a proper CSS code in order to fix your issue !
Thank you !
Hi,
I will try to help you with these questions.
1. That is not actually an error, the mobile theme will display it’s own version of the website on phones – https://tagdiv.com/mobile-theme-automatic-optimization-for-mobile-newspaper-theme/
You can check how it looks here (check with a phone or browser mobile emulator)
– https://demo.tagdiv.com/newspaper_local_news/
If the top grid is missing for you, please make sure there are posts in the featured category created by the theme – https://forum.tagdiv.com/featured-posts-2/
The mobile theme is optional, if you want the same content from desktop on mobile, deactivate it.
I should note that in coming updates the mobile theme will receive many more settings, including an option to disable it for specific pages.
2. Those could be removed with some CSS if needed. Do you want them removed for all categories or specific category pages?
Let me know.
Thanks
Hi,
I have already mentioned this in a discussion on Envato – and have purchased further support to deal with these issues – 1 x issue and 1 x request as follows:
ISSUE-1:
On the site: https://searchgo.co mobile version – there is a problem with white space at the top of mobile pages – it doesn’t look good and ruins the experience. At first, Brogdan suspected it was an issue with ads – however, I removed ads and the issue still remains. I have now replaced ads and on the discussion mentioned again. Brogdan believes it is a CSS issue. Can I get this fixed?
REQUEST-2:
I had previously requested adding a modified date to posts and that it appears in the meta description as well so that in turns appears in search engines when I update an old post. There was one response before about changing the templates, but I don’t want to do that as I have already got sized images etc in each post, plus I didn’t understand the response. So, here is what I would like to do and a solution I found which if I use breaks Newspaper but supposedly the correct solution:
‘Last updated on July 11th 2019’. (or whatever date you edited it on).
<br>
I did some research and came across this workaround (However, the problem is when I add the code to my child functions.php it works okay, but, it throws the date and words outside of the body to the left of the template body).
Here is the code:
function wpb_last_updated_date( $content ) { $u_time = get_the_time('U'); $u_modified_time = get_the_modified_time('U'); if ($u_modified_time >= $u_time + 86400) { $updated_date = get_the_modified_time('F jS, Y'); $updated_time = get_the_modified_time('h:i a'); $custom_content .= '<p class="last-updated">Last updated on '. $updated_date . ' at '. $updated_time .'</p>'; } $custom_content .= $content; return $custom_content; } add_filter( 'the_content', 'wpb_last_updated_date' );
Here is where I found the original article that references this code:
How to Display the Last Updated Date of Your Posts in WordPress
Thanks
Vincent
Seems I missed it, sorry about that. I suggest that you try something like this, remove the previous code and enter this one in the mobile theme custom CSS section
– http://prntscr.com/odi5gt
Then there should be no more search on mobile theme and AMP – http://prntscr.com/odi94x
– http://prntscr.com/odi9a9
.td-search-icon {
display: none;
}
Let me know.
How can I add this as a background?
background-image: radial-gradient(ellipse at center, rgba(0,0,0,0) 50%, rgba(0,0,0,0.8) 100%), url(‘https://www.csstextures.com/textured-rice-paper-T59.jpg’); background-repeat: repeat;
Hello !
We are sorry for the inconvenience !
This is a bug and we are sorry for that. As a quick fix you can use this css code to display those arrow that will show the sub-categories:
.td-mobile-content .td-icon-menu-right {
display: inline-block;
}
The result will be this: https://www.screencast.com/t/n6bOnmAfi1jg
And you have to paste the code here: https://www.screencast.com/t/J1Nxw5s5
I hope this was helpfull !
Thank you !
Hello !
I’m sorry for missunderstanding your issue !
Please try this custom css and let me know how it works for you !
.menu-item-267 {
font-weight: 700;
}
This is the result i have: https://www.screencast.com/t/mnPHo4paXao
Thank you !
Hi,
So you would like an image before each category in a mega-menu with sub-categories
– http://prntscr.com/odgc2m
By default this is not possible, currently there isn’t any option to allow this. The website you mention uses a single image that contains all the logos as background, then positions the background so that the icon matches the team
– https://a.espncdn.com/i/teamlogos/nba/sprites/teams-nba-25.png
Maybe it could be done with some CSS, something like this – http://prntscr.com/odgepc if you should consider it I will try to help you with it.
The thumbnail sizes will be the same in both the mega-menu types. For the “Rejser” menu item simply create a mega-menu without sub-categories. It will look exactly as the in the theme demo.
Let me know.
Thanks
please guide us. How to do that. Not just to use css code? How to do that?
Too bad your reply
Hi Simion C. Then is so easy, you make me found css that you missing.
I just add this css code and it worked like a charm.
.tdb_mobile_horiz_menu.tdb-horiz-menu-singleline {
overflow-y: scroll !Important;
}
It works fine! Thanks! Will I have to delete the CSS after a future theme update?
I hope this visibility priority setting will be adressed, to appear in the common UI soon.
Hi,
I see the problem, it happens because there isn’t CSS in the theme for this case it seems. I could give you a code that will provide the same link underline in these pages as well, enter it in the theme panel custom CSS section and it should work fine
– http://prntscr.com/od05o3
.archive .td-ss-main-content a:hover {
text-decoration: underline;
}
Thanks
Hello !
This modification will require a custom CSS Code. Please provide us a link to your website and also point out exactly wich fonts you want to change so we can provide a viable solution.
Thank you !
Hi,
This issue will be fixed in the coming theme update. The temporary fix is to enter this code in the theme panel custom CSS section
.td-mobile-content .td-icon-menu-right {
display: inline-block;
}
Then the drop-down arrow will appear – http://prntscr.com/oczz2z
Sorry for the inconvenience, please let us know if you have more questions.
Thanks
Hello !
This modification will require a custom CSS Code. Please provide us a link to your website and also point out exactly wich fonts you want to change so we can provide a viable solution.
Thank you !
I’ve imported newspaper demo content (news magazine) on our site and started to change it. I’m having some issues on the homepage:
– when the page is still loading, menu and some other elements have an odd style and a second or two later (when loading is finished) these elements revert to our chosen style and switch colors -it’s like two sets of CSS are loaded at different times.
– There is a content that I can’t delete or edit on the homepage. This content was imported and is a part of demo but when using TD Composer I can’t select.
thanks
Hello !
If you want to hide ads on certain posts you will need to do it using CSS Code.
Thank you !
Hello !
We are sorry for the inconvenience !
This is a bug and we are sorry for that. As a quick fix you can use this css code to display those arrow that will show the sub-categories:
.td-mobile-content .td-icon-menu-right {
display: inline-block;
}
The result will be this: https://www.screencast.com/t/n6bOnmAfi1jg
And you have to paste the code here: https://www.screencast.com/t/J1Nxw5s5
I hope this was helpfull !
Thank you !
