- NewsmagLoading image effects
- NewspaperLoading Image Effects
- NewspaperIntroduction to CPT and ACF with Newspaper Theme
- NewspaperFlex Block Settings Guide
- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperBig Grid Flex Settings
- NewspaperDesign your post pages using the Default Templates
- TutorialsDefault Block Settings Guide
- TutorialsSystem status parameters guide
- NewsmagRequirements for Newsmag
- NewsmagBlock settings tutorial
- NewspaperBlock settings tutorial
- NewspaperMore articles box
- NewspaperRequirements for Newspaper
Hi,
Can can you tell me how to move „posts pagination“ before ARTICLE BOTTOM AD not after. You can see in the pictures bellow.
I don’t want to be like here> http://s2.postimg.org/xl4v2xtjd/post_pagination.jpg
This is link from the post> http://aktuelno24.mk/%D0%B0%D0%BD%D0%B0%D0%BB%D0%B8%D0%B7%D0%B0-%D1%81%D0%B5%D0%BC%D0%B5%D0%B5%D0%BD-%D0%B1%D0%B8%D0%B7%D0%BD%D0%B8%D1%81-%D0%B7%D0%B0-%D0%BF%D0%BE%D1%81%D1%82%D0%BE%D1%98%D0%B0%D0%BD%D0%B0-%D0%B2%D0%BE
Best regards
Hi,
This usually happens because of the speed booster plugin which move the css and js at the bottom of the page structure so that the page will load faster, this is why the theme color appears first then changes, because of the cascading property of css, the same regarding fonts.
What you can do is to change the color and the fonts directly into the css style-sheet which will make your colors and your fonts to load first and stay that way. You could also deactivate the plugin if you don’t need it.
For page speed you can also use our guide and some other forum treads:
* https://forum.tagdiv.com/topic/pagespeed/
* https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
* https://forum.tagdiv.com/page-speed-guide/
Thanks!
I am trying to setup crowd ignite on the site and would like to add code to the post footer on all the posts. I know I have the option of using the “Article Bottom ad” but I currently use that with my google adsense ad and don’t want to remove it.
They sent documentation saying I could edit the single.php file and add:
if (!function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘Header Widget Area’)) :
Endif;
Above my comments to get this to work. Can you please assist with getting this post footer setup with the these.
Hi,
I’ve just added an author plugin. How do I remove the original author box at the bottom?
See – http://versifiedlife.com/morhymes-da-poet-modern-day-shakespeare.
Kind regards,
Anthony
.td-logo-text {
font-family: "Open Sans", sans-serif !important;
text-transform: none; /* Removes uppercase format */
font-size: 1.2em; /* Can use em, rem, px, or pt units here, set to preference */
}
.td-tagline-text {
font-family: "Open Sans", sans-serif !important;
text-transform: none; /* Removes uppercase format */
font-size: 1.2em; /* Can use em, rem, px, or pt units here, set to preference */
}
.td-header-text-logo {
margin: 60px 10px 60px 30px !important;
/* These are default margins for the logo wrapper. In order - TOP RIGHT BOTTOM LEFT */
/* Reduce the values currently at 60px to tighten the header up more */
}
Don’t forget, if you change something and it doesn’t show up on the site, add !important before the semi-colon to override conflicting styles from the theme stylesheet.
Hi,
1. You can try to hide them via css:
.single-gallery .td-a-rec-id-content_top{
display: none;
}
.single-gallery .td-a-rec-id-content_inline{
display: none;
}
.single-gallery .td-a-rec-id-content_bottom{
display: none;
}
Please try this css in Theme Panel > Custom Css: http://screencast.com/t/DAyW1St9R
2. An alternative will be to duplicate the content’s function from td_module_blog.php and rename it also remove the ads from that new function: http://screencast.com/t/i5zov8gB After this just call the new function in your template: http://screencast.com/t/MtYutvtC1PA
Hope this helps!
Hi, I have added a logo which measures 400x179px.
I have also added this piece of code on the Custom CSS panel to get some padding.
.header-style-3 .td-logo img {
padding-top: 30px;
padding-bottom: 20px;
}
The problem is: In responsive mode, the logo overlaps with the menu line and the slider beneath it. Please note that the problem persists even If I remove the above CSS code which I have mentioned.
The site is at: culinarycafe.manifesto.co.in
I think I would be ok if I can control the height of the menu area, and the size of the logo, while on responsive mode.
Please give me some ideas on how to do this.
Thanks.
Hi,
Like I said above wordpress handles comments and remove blank lines, also on Newspaper theme is the same, maybe you have used a plugin.
You can add margin bottom for comments paragraphs if you like, please add this custom css in Theme Panel > Custom Css: http://screencast.com/t/Ew3tATuxm6
.comment-content p{
margin-bottom: 10px !important;
}
Hope this helps!
Hi,
Google PageSpeed suggests to move css at the bottom of the page avoiding the page render blocking.
I’ve successfully used your page booster plugin for all js and css, but …content/themes/Newsmag/style.css?ver=1.6
If I add huge 400kb theme style.css to page booster plugin, website flicks until it is loaded at the bottom of the page. If I hold css theme in header, Google mark it as a red problem. How i can fix it?
Thanks
Hi,
You can use custom css to change it as the theme doesn’t have an option for it: http://screencast.com/t/aOZq7ztY
Adjust the values as you like.
.single_template_4 .meta-info .entry-category, .single_template_4 .meta-info , .single_template_4 .meta-info .entry-comments-views{
font-size: 18px;
}
.single_template_4 .meta-info ul.td-category a {
line-height: 18px;
display: inline-block;
padding: 5px 10px 5px 10px;
margin-bottom: 7px;
}
.single_template_4 header .meta-info {
line-height: 27px;
}
This will only apply to single template 4 style, to get the same style to the other post templates remove the .single_template_4 class.
Thanks
-
This reply was modified 11 years by
Lucian.
Hi!
I tried to add custom css to theme panel. I added css that was supposed to make the sidebar disappear and the images grow bigger. I moved my website to a new VPS Cloud server and it suddenly stopped working. It used to work on my shared server, but now nothing happens when i open the site on mobile. Any suggestions why nothing happens and how to fix this ??
Thanks for all the answers!
I added this:
@media(max-width:479px){
.home .td_block_big_grid{
display: none;
}
.home .td-grid-wrap {
padding: 0px !important;
}
@media (max-width: 767px) {
.container .span12 .row-fluid .span4 {
display: none;
}
}
@media (max-width: 767px) {
.td_mod8 .meta-info,
.td_mod8 .td-post-text-content {
display: none;
}
.td_mod8 .item-details {
margin-left: 0 !important;
margin-bottom: 10px;
}
.td_mod8 .thumb-wrap img {
position: relative !important;
width: 100% !important;
max-width: none !important;
max-height: none !important;
margin-bottom: 10px;
}
}
@media(max-width:479px){
.home .td_block_big_grid{
display: none;
}
.home .td-grid-wrap {
padding: 0px !important;
}
@media (max-width: 767px) {
.container .span12 .row-fluid .span4 {
display: none;
}
}
@media (max-width: 767px) {
.td_mod8 .meta-info,
.td_mod8 .td-post-text-content {
display: none;
}
.td_mod8 .item-details {
margin-left: 0 !important;
margin-bottom: 10px;
}
.td_mod8 .thumb-wrap img {
position: relative !important;
width: 100% !important;
max-width: none !important;
max-height: none !important;
margin-bottom: 10px;
}
}
1. Big grid grey gradient that makes the writting very hard to read..How do I remove?
2. Search button not working.
3. Menu nit working on mobile
4. The next and previous buttons underneath categories on homepage do not work, when clicked it just pops you back to the top of the homepage.
5. Scroll to top button missing?
6. Load more posts at the bottom of homepage also pops you back up to the top of page.
7. On mobile inbetween the menu button and search button you can faintly see newsmag logo
Hi,
1. I’ve fixed the buttons issue on cart page, this is the fix, if you want to use it until the next update
@media (min-width: 768px) and (max-width: 1023px) {
.woocommerce-cart .woocommerce .coupon {
float: left !important;
padding-bottom: 0 !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.woocommerce-cart .woocommerce .button {
width: auto !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.woocommerce-cart .woocommerce .actions {
text-align: right !important;
}
}
2.
a) do you want to remove those lines: http://screencast.com/t/C02fdMGIMG0 if yes use this CSS:
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info {
border: 0 !important;
}
b) For that icon, you can replace it with this CSS, from font-awesome or other font you want, just replace the content with the icon you want. For test i just copied an icon from this chart: http://fontawesome.io/cheatsheet/
Result: http://screencast.com/t/C02fdMGIMG0
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before {
content: "";
font-family: fontawesome;
}
About the Proceed to Checkout button do you want to make it more larger, e.g. 16px?! Where? Sorry but i don’t understand here what do you want exactly.
Thanks for the message!
Have a nice day
Hi,
Unfortunately the speed booster plugin purpose is to move js and css stylesheets to the bottom of the page, this actions could cause issues like the one you describe.
In order to prevent this we have, by default, left the themes file css at the top of the page, please check your page source code and that this css is loaded at the top of the page.
I’ll add this on our list for further investigation and try to find a solution for this in future updates.
Sorry for the inconvenience!
Thanks for the message!
Hi,
Please try to add this code in big slide module: http://screencast.com/t/80VT7i2j6e an also the excerpt’s function from td_module.php: http://screencast.com/t/GhMUGRBfLtk
<div class="td-excerpt">
<?php echo $this->current_post->get_excerpt(25);?>
</div>
function get_excerpt($lenght = 25, $show_shortcodes = '') {
if ($this->post->post_excerpt != '') {
return $this->post->post_excerpt;
}
if (empty($lenght)) {
$lenght = 25;
}
$buffy = '';
//print_r($this->post);
//remove [caption .... [/caption] from $this->post->post_content
$post_content = preg_replace("/\[caption(.*)\[\/caption\]/i", '', $this->post->post_content);
$buffy .= td_util::excerpt($post_content, $lenght, $show_shortcodes);
return $buffy;
}
And also this css in Theme Panel > Custom Css: http://screencast.com/t/tnNg3nS8eCjC
.td-big-grid-meta .td-excerpt{
bottom: 0px;
left: 0;
position: absolute;
color:white;
background-color: blue;
}
.td-sbig-title-wrap {
position: absolute;
bottom: 20px;
left: 0px;
}
.td-big-grid-title .td-sbig-title-wrap{
bottom: 20px;
}
This is not an easy task if you don’t have some basic php/css experience… also it is possible to need more css customization.
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Hi there,
I added this code to my custom css:
@media(max-width:479px){
.home .td_block_big_grid{
display: none;
}
.home .td-grid-wrap {
padding: 0px !important;
}
@media (max-width: 767px) {
.container .span12 .row-fluid .span4 {
display: none;
}
}
@media (max-width: 767px) {
.td_mod8 .meta-info,
.td_mod8 .td-post-text-content {
display: none;
}
.td_mod8 .item-details {
margin-left: 0 !important;
margin-bottom: 10px;
}
.td_mod8 .thumb-wrap img {
position: relative !important;
width: 100% !important;
max-width: none !important;
max-height: none !important;
margin-bottom: 10px;
}
}
@media(max-width:479px){
.home .td_block_big_grid{
display: none;
}
.home .td-grid-wrap {
padding: 0px !important;
}
@media (max-width: 767px) {
.container .span12 .row-fluid .span4 {
display: none;
}
}
@media (max-width: 767px) {
.td_mod8 .meta-info,
.td_mod8 .td-post-text-content {
display: none;
}
.td_mod8 .item-details {
margin-left: 0 !important;
margin-bottom: 10px;
}
.td_mod8 .thumb-wrap img {
position: relative !important;
width: 100% !important;
max-width: none !important;
max-height: none !important;
margin-bottom: 10px;
}
}
That line of code deletes the big slider and the sidebar on my iphone 6 and also makes the article pictures bigger. However, when i flip my iphone to landscape it brings back the sidebar and the big slider ( http://www.screencast.com/t/rWB4JA3qZV )( http://www.screencast.com/t/MVr7oxewTjZO ) and the article pictures are showing up small.
How can i remove the big slider and the sidebar also from the phone landscape mode and make the pictures look like in the portait mode ?
The best solution would be that the big slider showed up in a nice way on the phone screen. You can see this ( picture http://www.screencast.com/t/rFozORlR7n ) , the pictures are wrong size and the titles are a mess. How can i make this to look better ?
Sorry for misunderstanding! Please try to remove padding bottom and add margin-bottom instead and see if works:
.td-header-menu-wrap{
margin-bottom: 136px;
}
Thanks!
Hi,
Engagement on my site is virtually non existent. Suspect it’s because comments box is too far down so website visitors never see it.
To address this problem I’d like to add the comments icon which appears at the top of each post to the bottom of each post just before “Author’s Books” and on the right and at the same time I’d like to make the icon 4x the size of the comments icon at the top of the post and precede it with the words “Click here to leave your comment”
My site is howdoidate.com and I’m using the Newspaper Child Theme.
Can you please tell me how to do this?
Thanks
Derk
Thank you so much for helping. I have unfortanely already tried that one and it´s not the best quality plugin :-/
Seem like I might have made it work myself though, by using some of the styling from the pagination that is already included in the theme.
By putting this code on the page:
<div class="page-nav page-nav-post">
<h4 class="block-title">Navigering</h4>
<a href="natverk/2/">Kapitel 1. USB Wi-Fi-adapter</a>
<a href="radlost-natverk/2/">Kapitel 2. PCI-E Wi-Fi-nätverkskort</a>
<a href="tt-tradlost-natverk/2/">Kapitel 3. Moderkort med inbyggt Wi-Fi</a>
</div>
<!--nextpage-->
and this in the Custom CSS:
/* Custom Table Of Contents - navigation */
.nav-margin { margin: 0 0 0 10px !important; padding: 0 !important; }
.nav-margin.nav-current { color: #4c9eeb; }
.page-nav.page-nav-post { margin: 0 !important; padding: 0 !important; }
I´ve been able to achive the results of picture 1 and I´m actually totaly happy with that. I do however have two questions.
1. On picture 2. How do I target the <footer>-section to get rid of the martin-top?
2. On picture 3 I have enabled (Easy Social Share Buttons – plugin. I have this on every post but for the ones with pagination and my custom table of contents-map I have to disable them by the bottom of the page otherwise whey interfear and gets put in between the pagination and the table of contents.
Is there a way to move the pagination-div up to be directly below the actual post-text? So that the Social Share buttons get placed below the 1, 2, 3 Next pagination.

-
This reply was modified 11 years by
MrOrsh.
This is not theme related as the basic comment functions are part of wordpress… so google search always best place to look vs waiting for help here.
But, you can add this to your functions.php file at bottom:
function remove_comment_fields($fields) {
unset($fields['url']);
return $fields;
}
add_filter('comment_form_default_fields', 'remove_comment_fields');
Hi,
The render blocking JavaScript and CSS notifications are solvable using the speed booster plugin and the guide you’ve mentioned (4-th point).
This is recommended for advanced users only so if you don’t have php knowledge I suggest you get someone to help you with this.
The guide provides all the info you need to do this, you have to use the function provided in the tutorial, you could try to play with the priority, some plugins may load after it and that’s why it doesn’t return all js – http://screencast.com/t/7fhfjttAT8
http://codex.wordpress.org/Function_Reference/add_action
Regarding the second issue, that usually happens when using the speed booster plugin as this plugin moves the css and js automatically to the bottom of the page.
I suggest you update the theme to the latest version and also update the speed booster plugin then let me know if you still have this issue.
Thanks
Hi guys, so I’ve got a strange problem. I’ve added the latest version of the Google Analytics code to the theme panel in Newspaper but for some reason whenever I load a page on my site the page doesn’t stop loading, iel the page loads fine but on Chrome I see the page loading icon in the tab keep spinning and at the bottom of the web page I see ‘waiting for googleanalytics.com…’
When I remove the code from the theme panel the page loads instantly and the loading icon in the tab stops. When I add the code back in the issue comes back.
Any ideas?
[update – I am now getting ‘waiting for fonts.gstatic.com]
Hi,
Try this css if you want to remove margin and padding like above: http://screencast.com/t/7BFWK1sxYeCt
.widget_recent_entries li{
margin-bottom: 0px;
padding-bottom: 0px;
}
.widget_categories li{
line-height: 20px;
}
Thanks!
Hi,
Speed Booster is optional and it only moves the js/css at the page bottom, it’s not a substitute for cache. By doing this it creates the illusion that the page loads faster because the html loads first followed by css/js.
This problem may appear because of a conflict with another plugin, try to disable all plugins, enable Visual Composer and Speed Booster, then enable the rest of the plugins one by one, see which one doesn’t work with SpeedBooster.
Thank you.
Hi,
1. For Classic Block stack we made a special header, this one http://screencast.com/t/FEoXVhLMpcv and in combination with other headers is not guaranteed that everything will work fine.
Anyway if you want to use it like this please can try this custom css in for logo:
.header-logo-wrap img{
display: table;
margin-right: auto !important;
margin-left: auto !important;
}
2. Also for borders:
.blog-stack .td-menu-background{
border-bottom:none;
border-top: none;
}
3. That option were removed because we change grid and it won’t be available.
That is page padding, you can try to remove that with css:
.td-page-wrap .td-grid-wrap{
padding: 0px;
}
.td-page-wrap .td-grid-wrap .container-fluid{
padding: 0px;
}
Try to inspect with Chrome and see where you have padding.
4. You can use TagDiv gallery on full width post(without sidebar):
Post settings: http://screencast.com/t/eYQ0RfJ87
Result: http://screencast.com/t/802x12Md
Thanks!