- NewspaperFlex Block Builder and Flex Loop Builder
- NewspaperHow to use the Flex Blocks cache option
- NewspaperHow to edit modules for Flex Block X
- NewspaperHow to insert a block inside the content of a post
- NewspaperFlex Block Settings Guide
- NewspaperMeta Info on Modules and Blocks
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewsmagBlock settings tutorial
- NewsmagCategory tag on modules/blocks
- NewspaperThumbnails – Fix strange looking images on blocks
- NewspaperBlock settings tutorial
- NewspaperCategory Tag on Modules/blocks
- ApiPractical example – How to add a new Block and Module
- Apitd_api_block::delete
- Apitd_api_block::update_key
- Apitd_api_block::update
- Apitd_api_block::add
- ApiAPI – Blocks – Introduction
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
I just updated my Newspaper 6 theme to the latest version with the latest version of wordpress and I am using the sample child theme that I downloaded from themeforest. I am getting css warnings of unexpected css tokens and invalid property declarations, and the image zoom feature on the big grid blocks doesn’t work in Safari. The image zoom works in Chrome and Firefox, but when I hover over the big grid images in Safari, they don’t zoom at all.
Looking at some of the warnings, there seems to be errors in the CSS syntax in the core theme code. I don’t get any warnings in Chrome or Safari.
You can check out the site here: http://www.nationofchange.org/news
Hey there..
I’m planning on password protecting some of my posts.
Example: http://mackmethods.com/subscribers/how-to-pass-shit-tests/
I would like to display a unique image underneath the password field, basically instructing people to opt in in order to get a password sent to them (I’ll most likely use leadpages for this)..
Is this possible?
Also, for some reason the sidebar is displaying twice on my homepage.
Any idea what might be causing this?
The homepage posts are also being displayed twice as well (just using 2 different block types).
I would like remove the ones at the bottom (the larger image block type posts)..
Let me know & thanks in advance.
Hello blmg1,
Please try the code below and place it in Theme panel->Custom Css area.
@media (max-width: 767px){
.td-header-style-4 .td-top-menu-full {
display: block!important;
}
}
The result you should see here: http://screencast.com/t/jciXctJKiX6
Hope this helps and let us know how it goes!
Thank you for the message!
Hello matijakurusic,
Unfortunately, our theme hasn’t been designed to have this style that you have presented above. You can get this style, but it is necessary to know a bit of CSS to make this customization. Below I gave you an example for a block/module on my page. Please check this code and try to implement for your website. It is not a simple task and is required more time to achieve as you wish. If you are not aware of all steps wich you will have to follow, we recommend hiring a freelancer/developer to do this for you because we cannot provide custom work for the moment, sorry.
.td-module-thumb img {
border-radius: 20px!important;
}
.td-main-content-wrap {
background-color: lightgrey;
}
.td_block_wrap {
padding: 20px;
background: #FFF;
margin-bottom: 20px;
border-radius: 2px;
border-bottom: 2px solid #e8e8e8;
}
.td_block_wrap .td-next-prev-wrap, .td_block_wrap .td-load-more-wrap {
margin-bottom: -7px;
}
The result you should see here: http://screencast.com/t/msnGzJsZ
Hope this helps!
Thank you for the message!
Hi,
It is the home page (front page), not a post. Here is a screenshot: http://boulderweekly.wpengine.com/wp-content/images/bw-ss.jpg
URL: http://boulderweekly.wpengine.com/
If you view the source, line 1121 contains the class ‘dark-text’
<div class="vc_row wpb_row td-pb-row dark-text"><div class="wpb_column vc_column_container td-pb-span12"><div class="wpb_wrapper"><div class="td_block_wrap td_block_homepage_full_1 td_block_id_334295008 td_uid_37_567aaba5bf08d_rand td-pb-border-top"><div id=td_uid_37_567aaba5bf08d class="td_block_inner"> <script type="text/template" id="td_uid_37_567aaba5bf08d_tmpl">
<article id="post-14150"
class="td-post-template-6 post-14196 page type-page status-publish hentry" itemscope itemtype="http://schema.org/Article">
<div class="template6-header">
<div class="td-post-header td-container td-parallax-header" id="td_parallax_header_6">
<header class="td-pb-padding-side">
<ul class="td-category"><li class="entry-category">News <h1 class="entry-title">Black in Boulder</h1> <div class="meta-info">
<div class="td-post-author-name">By Matt Cortina - </div> <div class="td-post-date"><time itemprop="dateCreated" class="entry-date updated td-module-date" datetime="2015-03-19T23:00:00+00:00" >March 19, 2015</time><meta itemprop="interactionCount" content="UserComments:1"/></div> <div class="td-post-comments"><i class="td-icon-comments"></i>1</div> </div>
<div class="td-read-down"><i class="td-icon-read-down"></i></div>
</header>
</div>
</div>
</article>
</script>
</div></div>
Hey, thank you for help.
Yes basicly I wanna make it look similar to this: http://prntscr.com/9hmdm7
http://goo.gl/P9MvtZ
You see how every element/block have its own ‘white space’ container, slightly rounded corners and bottom (i think) 1px shadow. Very elegant.
Even better example here http://goo.gl/MsYZZE …every little block is in its own white container while there is grey lines from the background between them.
-
This reply was modified 10 years by
kompic.
Hello,
It seems the third time i tested this, the code did not work on my end as well. It worked the first 2 times i tried it like the screenshots above show. Strange.
Please try this one to see if it works now. I used a different container:
@media (max-width: 767px){
.td-header-sp-top-menu {
display: block !important;
margin-left: 14%;
margin-right: auto;
}
.td-header-top-menu-full {
display: block ;
}
}
Thank you
Hi there,
I’m using block 15 to display posts from particular categories, however when a new post is published it does not show up in the block – When you click the next pagination button to go to ‘page 2’ then go back to ‘page 1’ the posts show – but not initially when the web page is loaded.
Any ideas?
Many thanks in advance.
Hello matijakurusic,
This module does not have a specific class for the background. By default, this background is transparent one and takes the background color of the main container, like this:
.td-container {
background-color: red;
}
The result: http://screencast.com/t/GkhkjExE1eKr
or
.td_module_16 {
background-color: red;
}
The result: http://screencast.com/t/OtNtkZWEvf
For your second request, you should use padding-bottom for to make difference between modules/blocks, like this:
http://screencast.com/t/xBRSPy7jG
.td_module_16 {
padding-bottom: 70px;
}
Also, for your third request, you have to use paddings and margins, like this:
http://screencast.com/t/drTuwyEH -> Here you can see an example. You should adjust this advice to your website.
If is not what you mean, please provide more details so I can be able to provide a more accurate response.
Hope this helps!
Thank you for the message!
Hi
The theme doesn’t have an option to hide the category tags only for one specific category. However you can use custom css to hide this tags from a specific block/grid. For big grid 1 you can use this css: http://screencast.com/t/F1UufMRH1W
.page-id-abc .td_block_big_grid .td-post-category{
display: none;
}
You need to replace the abc with your page id, such that this css to be applied only for that specific page. To get the page id please follow this link: http://screencast.com/t/sMkqc7hW1X
Hope this help.
Thanks!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/vaAbpb4CCmA
@media (max-width: 767px){
.td-header-top-menu{
display: block !important;
}
Note that the top bar wasn’t designed to work on mobile devices so you may need additional css customizations in order to be displayed fine.
Thanks!
Hello,
Thank you for your suggestion. You can use our official demo to see how the blocks look live: http://demo.tagdiv.com/newspaper/block-1/ simply select a block from the block menu and you will see what it will look like.
Happy Holidays!
Hi
For the “SHARE” you need to edit td_module_single.php and change the word here: http://screencast.com/t/nNS3PGAJ
For “TRENDING NOW” the file that must be edited is: td_block_trending_now.php http://screencast.com/t/3MimDlZa
Let me know how it goes.
Thanks!
Hello,
You can hide the author name from a post or from our modules and blocks, but the theme does not control the meta data for sharing. Facebook will grab all the information from your post.
You can try to remove this code – http://screencast.com/t/Ack17APQQZdO then use fb debugger(fetch new scrape) to check you post – https://developers.facebook.com/tools/debug/og/object/
Thanks!
Hi
Sorry, I indicated a wrong link above. In order to register a new thumb please folow tis link: https://forum.tagdiv.com/td_api_thumbadd/ You should add a new thumb with a square format. The thumb should the width and height properties equals, like i this example:
td_api_thumb::add('td_200x200',
array(
'name' => 'td_200x200',
'width' => 200,
'height' => 200,
'crop' => array('center', 'top'),
'post_format_icon_size' => 'small',
'used_on' => array(
'Module 77', 'Block 77'
)
)
);
Thanks!
Hello,
Our users have encountered this issue a few of times and found that it is a font related issue. The fix that worked for most people is this one: http://webmasters.stackexchange.com/questions/71630/font-blocked-from-loading-by-cross-origin-resource-sharing-policy-no-access-co
Try it out and let us know how it goes.
Thank you!
Hello CodeisCode,
I suppose that you want to disable the link to post when you are hovering on the big grid image. To achieve this thing, please try the code below and place it in Theme->Custom Css area.
http://screencast.com/t/naLWJyYFW
.td_block_big_grid_3 {
pointer-events:none;
}
The result: http://screencast.com/t/5CtVdX5pE5
This is an example for big-grid 3. If you are using another big grid you have to use the corresponding class for the grid.
Hope this helps and let us know how it goes!
If is not what you mean, please provide more details about this, so I can be able to provide a more accurate response.
Thank you for the message!
Hi
You can change the blocks titles from sidebar area, from Appearance > Widgets: http://screencast.com/t/gmQ9K83k – http://screencast.com/t/KSR7oXvklCd
Hope this help!
Thanks!
|
Hello! there,
I really love your product and it helps us a lot!
However, I’m a rookie and some questions about CSS.
1. What’s the difference between style.css & editor-style.css?
If I want to add the css code into css file, which one should I add the code into?
blockquote {
font-style: normal;
}
2. add some new styles
Because my editors want me to do some adjustment in style, I need to do some work in CSS.
If I want to add some styles based on CSS rule, which file should I start to update?
Our website: http://3media.tw
Thanks~
Gabriel
As noted on the google page i linked to, they may use image from ither story.
Try unblocking directiry and see if it helps.ndont block any directory where you phitos are. Sorry typing on my ipad ?
Hi, I am trying to figure out which class name has the (for example) module 16 for its background?
1. It is similar to this example:
.td_module_14 .td-module-meta-holder {
background-color: rgba(255,255,255, 0.9);
}
instead of the ” .td-module-meta-holder ” there has to be a class for module background? How is it called?
2. Also I need to know class name for inside-distance between module and block, because I am trying to make that distance smaller and transparent while the module contain its new background color form issue No.1.
3. Correct me if I am wrong, but I am trying to make a gap between blocks (same time preserving module image sizes) so that a page background image can be visible between all blocks while the modules stay with their given background colors.
Something like this: http://prntscr.com/9hhsm5
There, on the picture, you can notice some nice gaps between elements/blocks while the modules inside contain the ‘white’ background color.
I would like to do the same with Newspaper theme, but at the moment it seems imposible without these css classes.
Or there is another CSS method?
Thanks
Again
a) you need to experiment with your layout, image size, location, file name
b) even with all that, Google may skip an image
c) you can try to get them to recapture by changing a word in headline and resave/republish while story is still in the Google News sitemap (you are using a GN sitemap, right?)
That’s it.
Or, read the OFFICIAL Google instructions for GN images, if you don’t like my replies:
https://support.google.com/news/publisher/answer/13369?hl=en
Missing images
Google News displays images associated with the articles currently included in our index. If your articles are included in our index, but you’re not seeing their images, please follow these suggestions:
Image crawl takes into account the schema.org image and og:image specified in the html body of an article. For the image that you’d like to be the thumbnail image next to your article, we’d recommend using schema.org or og:image to make this selection clear.
Make sure you are using a standard filename extensions, like .jpg or .jpeg.
Make sure that your images are fairly large in size, at least 60 pixels by 90 pixels.
Use images that have reasonable aspect ratios.
Ensure that your images are inline.
Place your images near their respective article titles.
Label your images with well-written captions.
Ensure that a robots.txt file isn’t blocking our access to your images.
Please keep in mind that in order to show as many different sources to our users as possible, we sometimes pair relevant images with articles from different sources.
While we can’t guarantee that we’ll be able to include all your images, these suggestions will increase the likelihood of the inclusion of your images in Google News.
-
This reply was modified 10 years by
simchris.
I tried the following code, but it didn’t work:
@media (max-width: 767px){
.td-header-top-menu-full {
display: block !important;
}
.td-header-sp-top-menu {
display: block!important;
}
.menu-top-container {
display: none !important;
}
}
Hello,
In the categories of Newspaper theme (http://proddigital.com.br/wp-admin/admin.php? page = td_theme_panel) you can choose different types of styles where you can see a sketch (drawing) how organized the posts.
That same scheme, could be done also for blocks in the Widget. There has 20 blocks, but does not have the stub to know how are organized the posts of each of these blocks. So, you have to include it in the sidebar and save it to view the site as it is each block.
Is the suggestion.
I have one special category that i use just for posts i want to show in slides/grid on homepage. I have ability/setting to hide it inside posts, but not on blocks

Before, i used plugin Simple Custom post order, to order categories and it worked fine. But then i had problem with this one called “Aktuelno”. And because i read that default order of primary categories is alphabetical i changed its name to -Aktuelno- and it was ok for some time.
Recently it showed up again at the top, i cant do anything to remove it except to manually choose primary category in every post.