- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsOffset Feature
- TutorialsWhat is Ajax preloading?
Health & Fitness demo
Hello,
I’m having trouble with the widget of the plugin Simple Calendar on my web page and on de cell version.
The widget doesn’t display the days of the week correctly, it only shows the first letter “d”; language is Catalan.
It seems that all the settings are right.
Do I have to modify the size of the sidebar? and if so, how do I do it?
I have deleted the plugin and reinstalled once. I have the Google Calendar API, the events synchronize perfectly and the calendar plugin works good.
My web page is http://ampaturocanmates.org
Thanks in advance!
Úrsula
Hey there,
Just wondering where I would adjust the header colour for mobile display.
For example.. http://fightpassport.com
I would like to change that header background from grey to black, so the logo blends in better.
Thanks.
Hi TagDiv,
Is it possible to Mix SmartLists into Posts. Example Can We Mix This Smart List inside This Post.
Cheers
AM
You can find my example mod page speed settings I believe in my long winded tutorial, or someplace in the forum history as we fully enabled this — using WP and Newspaper — back in Jan. 2014.
Note the mod_pagespeed settings should be optimized for WordPress; they are not “theme” specific. There are numerous tutorials online re setting up mod_pagespeed to work with WordPress you may want to look at, going back to late 2013, and mostly in 2014. There is some trial and error.
Upshot, it’s not theme related, but WordPress related.
For example, you should NOT use lazy load, not use minification other than comment removal and spaces removal, and ideally not use things that move scripts to bottom or top of page as theme already does that, as does WP.
Point being there is not one ideal “snapshot” of a config file for every server, and setup.
For example, you may want to put the path to a static folder location. Read docs on how to do that.
You may want to hook mod_pagespeed to connect to caching module on server, but you would need to actually work with your hosting provider to set that up properly.
Using mod_pagespeed with external resources is also tricky, such as CDN, where you need to put in lines to specify how that connects — if using cloudflare they should be able to help you with that.
Again, mod_pagespeed is *not* theme specific, but WordPress and Cloudflare setup should be addressed to the Cloudflare folk.
hi Bogdan,
sorry to bother you again about this issue.
I upgraded to the latest version of the Newspaper theme, and then attempted to re-implement this fix in the code.
However, with this fix implemented, the #li-comment links do nothing but direct you to the article which hosts the comment. For example, with the code fix implemented in the newest version of the Newspaper theme, this link:
https://delimiter.com.au/2016/01/18/61-agencies-apply-for-metadata-access/#li-comment-712564
Would redirect here:
https://delimiter.com.au/2016/01/18/61-agencies-apply-for-metadata-access/
With the fix implemented, the #comment links work as intended … but now the #li-comment links are broken.
Obviously this is an issue … a number of readers have complained about the #li-comment links not working any more. So I have reverted the fix and am now running just default Newspaper theme.
Could you let me know, is there a workaround for this? As it stands, after the Newspaper theme update, I’m now back where I started 🙁 I can only surmise that something changed in the latest theme update to break this fix.
Kind regards, and thanks for any help you can provide.
Renai
Hi,
I did a little digging into ACF (as implementation of custom fields on modules is already custom I might as well look into acf directly)
This is what I found:
You can use this code: <?php the_field($field_name, $post_id);?>to implement custom fields (as suggested here: http://www.advancedcustomfields.com/resources/the_field/) so you can use this on modules for example if you want to display a custom field named Price, you would use the code in the specific module you want it to display:
<p><?php the_field('price', $this->post->ID);?></p> – http://screencast.com/t/JLtppCV8
I hope this helps.
Thank you!
Hello Sir,
The Cache plugin tutorial uses wp super cache.
I request you to please create another tutorial using the w3 total cache.
The theme is awesome & w3 cache has lot of diverse options ,it already does some of the steps mentioned here – https://forum.tagdiv.com/how-to-make-the-site-faster/
We want to optimise the theme speed to the very max using this plugin. Also i am sure it will be helpful to lot of people.
Hi thanks for the help.
the other question I had how to change the label front for example visit my site homepage and look for most popular label & design label I would like to changes the names visit homepage also I need all front on the site to be white
You can use both, yes! The api uses the plugin provided here: https://forum.tagdiv.com/practical-example-how-to-add-a-new-block-and-module/ you can also create a child theme for other modifications.
Thank you!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/9vnC5bYX
.td-trending-now-display-area .td_module_trending_now .entry-title a{
color: white;
}
I am not sure what you mean by label bar around each article so please provide more details about this so I can get back to you with a more accurate answer.
Make sure you’re using a footer template which display all three footers parts, for example footer template 6: http://screencast.com/t/ZF5L6RhBYO
Thanks!
Hi
I’ve test this on my side and the placeholder images are displayed fine. Please make sure that you added the images as I did here: http://screencast.com/t/aTzF3Qhxz The most important part is to name the images exactly as they were named initially, otherwise the theme won’t recognize the path ant the image won’t be displayed.
Try this way: create a post with no featured image then display it in a block, for example block 4. Usually there should be displayed the original no-thumb image corresponding for that block. For block 4 the original image is: td_341x220.png http://screencast.com/t/iGhOdblxl Result will be like here: http://screencast.com/t/Wf7LnlFdHLWg
Now replace the td_341x220.png image with a different image but name it with the exact same name and refresh the page. Result should be like here: http://screencast.com/t/aTzF3Qhxz
Let me know how it goes.
Thanks!
Hello,
For those who have a problem with RTL Theme & website !! I fond a solution :
Just use this superb plugin :
//RTLer at https://wordpress.org/plugins/rtler/screenshots/
Afetr installing the plugin and generating the rtl.css file, go to newspaper theme panel and load “arabic translation” from translation section to couplet 100% the translation of the theme.
Good luck
FOOTER 2 & FOOTER 3 WONT APPEAR ON THE LOWER END OF THE SITE HOW DO I GET THAT TO APPEAR?
Hi there, this might fall under your long list of feature requests, but my clients tend to upload images that don’t always work well with the thumnail aspect ratios of the theme. So I looked around for a script that would try to automatically crop images a bit more smartly than just the center of the image or from the top left.
What would be the possibility to incorporate smartcrop.js into the theme?
Here’s some examples. Many of which work fantastic.
https://29a.ch/sandbox/2014/smartcrop/examples/testsuite.html
I’ve also seen this, but not sure how it could be implemented in conjunction with the theme:
https://github.com/SamBenson/smartcrop-wordpress
Realizing you don’t necessarily support other plugins, any direction would be great. Many thanks!
Guys, we used the Cars template with sample data and everything looked fine. Then we took out some posts and it looks like the big grid and other elements on home page are no longer aligned correctly.
Site is here: http://learntoplayguitarhq.com
If you could help us out, I would really appreciate it. Thanks so much! Love the theme, btw!!
Hi,
sorry for the delay to answer.
There is no http hardcoded link into the database. Our Apache virtualhost is configured to force https.
WP_HOME and WP_URL are defined with https.
The only problem comes from the theme functions and plugins which in that case generate image html code with http protocol.
For example, on that page: https://www.aerospatium.info/ses-9-sera-lance-le-24-fevrier/ when you click on “PLUS DE L’AUTEUR” at the bottom, Ajax request is:
POST URL:
server answer:
{"td_data":"<div class=\"td-related-row\"><div class=\"td-related-span4\"> <div class=\"td_module_related_posts
td-animation-stack td_mod_related_posts\"> <div class=\"td-module-image\"> <div class=\"td-module-thumb
\"><a href=\"https:\/\/www.aerospatium.info\/linde-lancera-lorbiteur-martien-emirats\/\" rel=\"bookmark
\" title=\"L’Inde lancera l’orbiteur martien des \u00c9mirats\"><img width=\"218\" height
=\"150\" class=\"entry-thumb\" src=\"http:\/\/www.aerospatium.info\/wp-content\/uploads\/2016\/02\/Satalite_Double0000-218x150
.jpg\" alt=\"\" title=\"L’Inde lancera l’orbiteur martien des \u00c9mirats\"\/><\/a><\/div
> <\/div> <div class=\"item-details\"> <h3 class=\"entry-title td-module-title\"><a href=\"https:\/\
/www.aerospatium.info\/linde-lancera-lorbiteur-martien-emirats\/\" rel=\"bookmark\" title=\"L’Inde
lancera l’orbiteur martien des \u00c9mirats\">L’Inde lancera l’orbiteur martien des
\u00c9mirats<\/a><\/h3> <\/div> <\/div> <\/div> <!-- .\/td-related-span4 --><div class=\"td-related-span4
\"> <div class=\"td_module_related_posts td-animation-stack td_mod_related_posts\"> <div class=\"td-module-image
\"> <div class=\"td-module-thumb\"><a href=\"https:\/\/www.aerospatium.info\/ula-lance-un-satellite-radar-du-nro
\/\" rel=\"bookmark\" title=\"ULA lance un satellite radar du NRO\"><img width=\"218\" height=\"150\"
class=\"entry-thumb\" src=\"http:\/\/www.aerospatium.info\/wp-content\/uploads\/2016\/02\/div_nrol45_l1210201614726PM63-218x150
.jpg\" alt=\"\" title=\"ULA lance un satellite radar du NRO\"\/><\/a><\/div> <\/div> <div class=\"item-details
\"> <h3 class=\"entry-title td-module-title\"><a href=\"https:\/\/www.aerospatium.info\/ula-lance-un-satellite-radar-du-nro
\/\" rel=\"bookmark\" title=\"ULA lance un satellite radar du NRO\">ULA lance un satellite radar du NRO
<\/a><\/h3> <\/div> <\/div> <\/div> <!-- .\/td-related-span4 --><div class=\"td-related-span4\"> <div
class=\"td_module_related_posts td-animation-stack td_mod_related_posts\"> <div class=\"td-module-image
\"> <div class=\"td-module-thumb\"><a href=\"https:\/\/www.aerospatium.info\/viasat-revise-avenir-arianespace-boeing
\/\" rel=\"bookmark\" title=\"Viasat r\u00e9vise son avenir avec Arianespace et Boeing\"><img width=
\"218\" height=\"150\" class=\"entry-thumb\" src=\"http:\/\/www.aerospatium.info\/wp-content\/uploads
\/2016\/02\/01pr_01507_hirez-e1455107389976-218x150.jpg\" alt=\"\" title=\"Viasat r\u00e9vise son avenir
avec Arianespace et Boeing\"\/><\/a><\/div> <\/div> <div class=\"item-details\"> <h3 class=\"entry-title
td-module-title\"><a href=\"https:\/\/www.aerospatium.info\/viasat-revise-avenir-arianespace-boeing
\/\" rel=\"bookmark\" title=\"Viasat r\u00e9vise son avenir avec Arianespace et Boeing\">Viasat r\u00e9vise
son avenir avec Arianespace et Boeing<\/a><\/h3> <\/div> <\/div> <\/div> <!-- .\/td-related-span4 --
><\/div><!--.\/row-fluid--><div class=\"td-related-row\"><div class=\"td-related-span4\"> <div class
=\"td_module_related_posts td-animation-stack td_mod_related_posts\"> <div class=\"td-module-image\"
> <div class=\"td-module-thumb\"><a href=\"https:\/\/www.aerospatium.info\/la-russie-lance\/\" rel=\"bookmark
\" title=\"La Russie reprend les lancements Glonass\"><img width=\"218\" height=\"150\" class=\"entry-thumb
\" src=\"http:\/\/www.aerospatium.info\/wp-content\/uploads\/2016\/02\/DSC_6666-218x150.jpg\" alt=\"
\" title=\"La Russie reprend les lancements Glonass\"\/><\/a><\/div> <\/div> <div class=\"item-details
\"> <h3 class=\"entry-title td-module-title\"><a href=\"https:\/\/www.aerospatium.info\/la-russie-lance
\/\" rel=\"bookmark\" title=\"La Russie reprend les lancements Glonass\">La Russie reprend les lancements
Glonass<\/a><\/h3> <\/div> <\/div> <\/div> <!-- .\/td-related-span4 --><div class=\"td-related-span4
\"> <div class=\"td_module_related_posts td-animation-stack td_mod_related_posts\"> <div class=\"td-module-image
\"> <div class=\"td-module-thumb\"><a href=\"https:\/\/www.aerospatium.info\/coree-nord-demontre-capacite-orbitale-balistique
\/\" rel=\"bookmark\" title=\"La Cor\u00e9e du Nord d\u00e9montre sa capacit\u00e9 orbitale (et balistique
)\"><img width=\"218\" height=\"150\" class=\"entry-thumb\" src=\"http:\/\/www.aerospatium.info\/wp-content
\/uploads\/2016\/02\/Decollage-KWS4-218x150.jpg\" alt=\"\" title=\"La Cor\u00e9e du Nord d\u00e9montre
sa capacit\u00e9 orbitale (et balistique)\"\/><\/a><\/div> <\/div> <div class=\"item-details\"> <h3
class=\"entry-title td-module-title\"><a href=\"https:\/\/www.aerospatium.info\/coree-nord-demontre-capacite-orbitale-balistique
\/\" rel=\"bookmark\" title=\"La Cor\u00e9e du Nord d\u00e9montre sa capacit\u00e9 orbitale (et balistique
)\">La Cor\u00e9e du Nord d\u00e9montre sa capacit\u00e9 orbitale (et balistique)<\/a><\/h3> <\/div>
<\/div> <\/div> <!-- .\/td-related-span4 --><div class=\"td-related-span4\"> <div class=\"td_module_related_posts
td-animation-stack td_mod_related_posts\"> <div class=\"td-module-image\"> <div class=\"td-module-thumb
\"><a href=\"https:\/\/www.aerospatium.info\/dernier-gps-2f-orbite\/\" rel=\"bookmark\" title=\"Le dernier
GPS-2F est sur orbite\"><img width=\"218\" height=\"150\" class=\"entry-thumb\" src=\"http:\/\/www.aerospatium
.info\/wp-content\/uploads\/2016\/02\/GPS-2F12-Lancement_ULA-218x150.jpg\" alt=\"\" title=\"Le dernier
GPS-2F est sur orbite\"\/><\/a><\/div> <\/div> <div class=\"item-details\"> <h3 class=\"entry-title
td-module-title\"><a href=\"https:\/\/www.aerospatium.info\/dernier-gps-2f-orbite\/\" rel=\"bookmark
\" title=\"Le dernier GPS-2F est sur orbite\">Le dernier GPS-2F est sur orbite<\/a><\/h3> <\/div> <\
/div> <\/div> <!-- .\/td-related-span4 --><\/div><!--.\/row-fluid-->","td_block_id":"td_uid_1_56c331ce886e2"
,"td_hide_prev":true,"td_hide_next":false}
as you can see, a href are https but img src are http.
Regards
Hello,
It seems that you have not created the mega-menu properly. That is why it breaks. You will have to remove the sub-categories in the menu element before making it a mega menu. You simply add the parent category and select the mega-menu option;. The theme will grab the subcats automatically.
example:
wrong mega menu: http://screencast.com/t/v1WzLENdw
right mega-menu: http://screencast.com/t/82UzWTWUjVx
You can read more about mega-menus here: https://forum.tagdiv.com/mega-menu/
Thank you!
Hello prajwalkarki,
Please ensure that you have entered the correct links for your social icons, otherwise, those will not work. For example -> http://screencast.com/t/TrDHYooTj I have tested on my side and everything works fine.
Hope this helps!
Thank you for the message!
Hello sary khames,
1)If you want to add the border-bottom for your main menu bar, please use the code below and add it in Theme panel->Custom CSS area.
The code is ->
.td-header-menu-wrap {
border-bottom: 4px solid green;
}
Please notice that you can change the color value with that you like.
2) The code that I gave you above is not working for you because I gave you an example at your suggested site (version 4.X) and your website has the latest version and the classes will be different. Please try the code below and add it in Theme panel->Custom CSS area.
The code is ->
.td-header-sp-logo {
background-image: url('http://wowslider.com/sliders/demo-5/data/images/saarschleife.jpg');
background-repeat: no-repeat;
background-size: 1903px 200px;
}
The result you should see here -> http://screencast.com/t/lPy4qgF9
Thank you for the message!
How can i stop all related videos being shown on post type 11
i analyzed the web that adding &rel=0 to the end of youtube video will stop it from displaying
can you add this option ?
Because users are being redirected by other related videos
Hi thanks
Yes I tried that or similar, it works but the original block-title css has a bold underline that runs the entire div span. How do I cut it off to the point at which the two colours divide, again like in example.
Kind regards
Chris
I entered my social accounts under theme panel> social networks. Everything was fine, but today i checked for broken links and found out that the links are actually broken.
For eg:- facebook.com/myfacebookpage is leading to website.com/myfacebookpage and same for youtube.com
And this has created a broken link on most of the pages, i have removed the social accounts but for some reason the broken pages still exist. I can share some examples of the broken links if needed.
Hi
For the latest article on homepage you’re using module 1 which does not display excerpts: http://screencast.com/t/FTU4Dokle Set in post loop settings a module which display the excerpts, like module 2 for example: http://screencast.com/t/FTU4Dokle – http://screencast.com/t/RLZKOYqrQaQ
Let me know how it goes.
Thanks!
Buna
CSS-ul pentru aliniere imaginilor este corect si ar trebuii sa mearga: http://screencast.com/t/ncQKe1c3Oft – http://screencast.com/t/NvJxeJkAdx
In cea ce priveste imaginile eu pot sa iti dau un css simplu care le schimba modul de afisare in pagina insa acesta va afecta toate imaginile care le vei aduga ulterior in orice post. Codual ar genera avest rezultat: http://screencast.com/t/EGGEuxLKL
.td-post-content img{
display: inline-block;
margin-left: 10px
}
Dupa cum spuneam toate imaginile inserate in continutul postului vor fi afectate de acest cod si nu pot anticipa cum vor fi afectate pe diferite post template-uri sau pe diferite dispozitive mobile.
Cea mai sigura metoda e cea prezentata in respunsul anterior, desii e un pic mai sofisticata.
Faci un container specific pentru imaginile care vrei sa le afisezi una langa alta, iar apoi foilosesti clasa in css pentru a aplica stilul dorit. In acest fel vei targeta doar imaginile din interiorul acelui container, fara riscul de a afecta alte imagini in mod inutil.
Majoritatea elementelor din continutul postului au disply block, exceptant situatille cand au float. Aceasta implementare se poate schimba relativ usor doar ca trebuie sa fi atent la ce selctori folosesti. Cu cat selectorul e mai precis cu atat riscurile sunt mai mici. De examplu daca vrei sa schimbi disply-ul paragrafelor poti face astfel:
p{
display: inline block;
}
Aceastra nu e cea mai buna abordare fiinca vei prinde o gama foarte mare the paragrafe care sar putea sa nu fie afisate bine folosind acest disply. In schimb poti face astfel:
.post-id-123 .td-post-content p{
display: inline-block;
}
Acest css targeteaza dor p-ul din continutul postului cu id-ul 123. Acesta e doar un exemplu de baza, dar poate fii folosit pentru a face css-ul cat mai specific.
Un alt aspect de care trebuie sa tii cont e complexitatea temei. Css-ul e imens si multe reguli se pot rescrie in functie de situatie. Trebuie sa fii atent ce selctori folosesti, daca sunt suficienti de puternici astfel incat sa rescrie codul initial si mai ales daca acei selctori nu afecteaza si elemnte nedorite.
Multumesc!
