- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsOffset Feature
- TutorialsWhat is Ajax preloading?
Hi Phonetic,
You can always add your own CSS to target specific devices. For example, you can add your own custom CSS between the bracketed areas below. Then just copy it into the code section in the theme panel (you don’t have to just use the widths set out in the “Advanced code” section).
Cheers,
John
/* ----------- iPad mini ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
ADD CSS YOU WANT TO CHANGE
}
/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
ADD CSS YOU WANT TO CHANGE
}
/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
ADD CSS YOU WANT TO CHANGE
}
/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
ADD CSS YOU WANT TO CHANGE
}
/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
ADD CSS YOU WANT TO CHANGE
}
/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
ADD CSS YOU WANT TO CHANGE
}
/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
ADD CSS YOU WANT TO CHANGE
}
/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
ADD CSS YOU WANT TO CHANGE
}
/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
ADD CSS YOU WANT TO CHANGE
}
Hi,
1) Yes, he theme accent color affects more elements than the links themselves.
2) Not ALL links get this color. If a widget comes from wordpress, then it will get the color from wordpres. If the widget comes from a plugin. it will get the plugin style. There is no possible control over ALL widgets and elements.
3) and 4) Unfortunately there is no such option, but you could try a css trick to do it but this depends on the widgets you have on your site. They will also need to be targeted with the code. The post links on a homepage are links themselves. Do you want those as well changed? There are lots of variables to this request. I can provide this code but I will need a link to your website and an example or explanation to what links you want to change. There is no way for me to know how you have your site set-up or what widget you use or will use in the future.
5) We did try to do just that with the theme accent color, so all the links will have the same hover style as the rest of the theme, but this is very difficult to apply to external widgets and custom links.
You can try the css codes above in this topic but it’s a shot in the dark without me knowing what to change.
Thank you for your understanding.
Hi
This is a very complex task because there are many aspects that must be considered. Let’s take an image by 100x100px as example. This image will be displayed fine in a 100x100px container on desktop without additional customizations and filters for its quality. However on mobile devices the situation it’s a bit different. To display a image in a container by 100x100px without affecting image’s quality, the image must be at least by double size. That means that the image must have 200x200px to keep its good quality on mobile.
Loading big images on mobile devices is not a good practice because site’s load speed will be affected, also requires more traffic.
We still investigate this and hopefully in future updates we will come out with a better implementation. However I can’t say how much time will pass until some changes will be made as we need to find the best solution from any point of view.
Thanks for your suggestions and for your message.
Thanks. That all worked great but I am unable to remove author’s name when browsing category posts without creating a specific page for a particular category. For example if I create a page called vedic-wisdom for a category posts called vedic-wisdom, I am able to remove author names using the code structure you provided but instead of creating a page, if I just create a link on the main menu called, say cow-protection, and make a category page for that, the code you provided doesn’t work (obviously). Can you help me remove author names on category pages? Samples here https://www.diigo.com/item/image/5glfd/aqge and https://www.diigo.com/item/image/5glfd/avu6
btw, i did try to find solution to this on the forum in case it’s already there but couldn’t find.
I’m having an odd problem. In the Newsmag theme panel, I can’t seem to save any changes I make to the theme. Just for an example, under “Header” I tried to change the logo used in my sticky menu from the header logo to mobile logo. Clicked “Save Settings”, and then the ‘loading’ animation that pops up to indicate that it’s saving just spins and spins and spins. If I let it, it’ll spin forever until I refresh the page, at which point none of my changes have been saved.
So how do I go about fixing this? It’s been a while since I’ve made any theme changes so I can’t really say how long this has been happening. No idea if the recent WordPress update triggered this or if maybe it was something else.
We are very much enjoying working with this theme. Thank you.
How can we set the block title subcategory filters on the Home page? The posts appear in the correct category section, but the block title either displays all subcategories or no subcategory filter at all.
How can we set the block title sub-category filters so that they display only the subcategories associated with each category, more like the ThemeForest demo.
For example: http://themeforest.net/item/newspaper/full_screen_preview/5489609
LIFESTYLE NEWS | All Travel Recipes Health & Fitness Business
TECH AND GADGETS | All Gadgets Mobile and Phones Photography Reviews
Thanks for your help.
Hi,
I install template, but in this days i found error in my search console of google.
Error not found, for example:
486/485-revision-v1/
or
444/441-revision-v1/
and more similar, why this error ?
Thanks.
Some things are not working right.
The home is changed, and when I walk into a class and I’m changing pages is showing the same posts.
Example:
http://www.goretemoura.com/estudos/
It is the same as:
http://www.goretemoura.com/estudos/page/2/
And so on, all categories are presenting this failure.
Remembering that I’ve done the update “js_composer”, and yet continued to show this bug.
Hello everyone,
I few month ago, I noticed that the settings panel for social networking had changed. For example, the number of facebook likes disappeared. The twitter figure remained. When I re-visited the documentation page (ref social counter settings), I realised that the screenshots in the demonstration was different from what I have in the theme panel. For example, in the documentation, I have several places to fill just to get the Facebook settings in. In my theme panel, all I have to do is insert the Facebook ID.
I uninstalled and re-installed the social counter plugin (version 3.1), to no avail.
I am using Newspaper 6.1
Has anyone experienced this before? How did you sort it out?
I will appreciate you support.
Thanks!
ok, in words: a link that has
mailto:?subject=<?php the_title(); ?>&
body=<?php the_title(); ?> – <?php the_permalink(); ?>”>E-Mail This Page
oops, pasting the function took out most of the link-part, another try:
&
body=<?php the_title(); ?> – <?php the_permalink(); ?>”>E-Mail This Page
hello,
i couldn’t find any further description on how to use the social network settings regarding mail.
what my client wants is the option to (click on a button under the very post and) open the visitors emailclient
and paste the link/ content of that very pst inside of it – ready to be sent out to anybody (whom she or he knows)
something like this:
&
body=<?php the_title(); ?> – <?php the_permalink(); ?>”>E-Mail This Page
how could I integrate this into the bottom-sharing-menu underneath each post?
thanks a lot!
I am getting the following code instead of the usual. How do I fix this?
[vc_row][vc_column][vc_column_text]
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][td_block_trending_now category_id=”2272″ sort=”random_7_day” limit=”10″][vc_column_text]
<h4><span style=”color: #ff0000;”>WHAT’S NEW</span></h4>
[/vc_column_text][td_block_14 limit=”6″][vc_column_text]
<h4><span style=”color: #ff0000;”>OPENING MOVIES (slider)</span></h4>
[/vc_column_text][td_block_slide autoplay=”3″ category_id=”20″ tag_slug=”april-22-2016″ limit=”12″][/vc_column][/vc_row][vc_row el_class="td-ss-row"][vc_column css=".vc_custom_1442456185314{background-color: #ffffff !important;}"][td_block_14 custom_title=”VISUAL REVIEWS” header_color=”#8224e3″ tag_slug=”visual review” limit=”6″][td_block_14 custom_title=”TELEVISION & DIGITAL” header_color=”#1e73be” category_id=”22″ limit=”6″][td_block_14 custom_title=”MOVIES” header_color=”#dd3333″ category_id=”20″ limit=”6″][td_block_14 custom_title=”FASHION” header_color=”#dd9933″ category_id=”277″ limit=”6″][td_block_14 custom_title=”NEWS” header_color=”#3dc66b” category_id=”2272″ limit=”6″][/vc_column][/vc_row]
Hello prakash13t,
This error comes up in the search/block 21/module 16 when a post has no featured image set to it. This is the case because the search uses the default WP thumbnail. We are working on a fix for this and until we can implement it, you can use this workaround:
You need to edit td_config.php and add this code:
td_api_thumb::add('thumbnail',
array(
'name' => 'thumbnail',
'width' => 150,
'height' => 150,
'crop' => array('center', 'top'),
'post_format_icon_size' => 'normal',
'used_on' => array(
'Big grid 1, 3, 7 - small image'
)
)
);
It should look like so: http://screencast.com/t/RTkWKH6me
Basically, you are just adding another thumbnail to the list in between the existing ones. Then the error will not display anymore.
I recommend you to change the module for Search from Theme panel, like this -> http://screencast.com/t/I0AmPRbybZZN
Hope this helps and let us know how it goes!
Thank you for the message!
Hello efaq,
1)Please notice that all the settings for the sidebar in the category you can find in your Theme panel. Please check the Category section for your panel and there you can find what I mean. Please notice that you have control about global category settings and per category settings, like this -> http://screencast.com/t/lqcuKZlsgtcn -> http://screencast.com/t/OiexOKCJDhj and then, the sidebar you can customize as you wish from Widgets area, like this -> http://screencast.com/t/TlH4iy7Fm For more information about this, please do not omit to read our documentation here -> https://forum.tagdiv.com/sidebars-tutorial/
2)If you want to make the theme update full automatically, please check this tutorial here ->>
https://forum.tagdiv.com/how-to-automatically-update-newspaper-theme/
3)You can customize your menu, only from the panel. In order to achieve as you wish, please try to read our documentation here -> https://forum.tagdiv.com/main-menu/ -> https://forum.tagdiv.com/mega-menu/ because there you can find all the steps to configure the menu.
4)Please notice that the retina logo is only for devices that have this option, for example, Apple devices. The retina logo is used to offers you a high quality for your mobile devices while the logo mobile is a normal logo which is used for normal devices that do not have retina logo integrated. As you can see in our documentation, the header style 9,10,11 do not use the logo mobile. For more information about these settings, please check the documentation here -> https://forum.tagdiv.com/logo-favicon/
5) a)As you can see, these are additional customizations and you can change the color only with some Custom CSS code. For example, you can use the following code and place it in Theme panel->Custom CSS Area.
The code is ->
.td-category li:nth-child(1) a{
background-color:red!important;
}
.td-category li:nth-child(2) a{
background-color:blue!important;
}
The result -> http://screencast.com/t/k8Hr4KNDbB
b)These buttons are VIA/SOURCE/TAGS and you can have control over these only for panel, when editing the post, like this -> http://screencast.com/t/uc6Mb7uAw
c)You can edit from your panel as I said you above
d)Also, you can create your own tags only for the panel as you can see in the above screenshot
6)If you want to display a specific post, you have to get the post ID, using the inspector like this -> http://screencast.com/t/iqRwXivKt7 For more information about Block settings and filter option, please check our documentation here -> https://forum.tagdiv.com/block-settings-tutorial/
7)The child theme come bundled with our theme and you can find it in Code file, like this -> http://screencast.com/t/P2jEwZ5L
8)Please check here what is the standard size for the footer logo. For more information about Footer section, please check our documentation here -> https://forum.tagdiv.com/footer-templates/
9)a)If you want to set the background image, you can do that from Theme panel->Background section. Please check the documentation here -> https://forum.tagdiv.com/background-introduction/
b)If you want to have the smooth effect for your scroll, please try to use our Smoot scroll feature from Theme panel. For more information, please check here -> https://forum.tagdiv.com/smooth-scroll/
Hope this helps!
Thanks.
Hello pedro,
If you want to display the Ad, using the module 13 for latest article option, you have to use the do_shortcode method and place the code in td_module_13.php. First of all, you have to create the code from Visual Composer, like this -> http://screencast.com/t/WSsDj3xttlfk -> http://screencast.com/t/nrSIgUvY and then you have to create this code ->
<?php echo do_shortcode('[td_block_ad_box spot_id="custom_ad_1" spot_title="AD TEST"]');?> and then you have to place the code in the core file, corresponding to the module used by you, in this case, module 13. Please check this -> http://screencast.com/t/x2QpnMVe9
Please notice that you have to customize your ad box as you wish, depending on what you want to show in this ad. As an instance, above I gave you an example using the custom ad 1. Before you check the result, please ensure that you have added the code in custom ad 1 field from Visual Composer, like this -> http://screencast.com/t/slwRK2ycOL92
The result you should see here -> http://screencast.com/t/dyHQ6SVuwq
Hope this helps!
Thank you for your understanding!
Hi,
i wrote some questions down, which I now want to ask you.
1. How can I edit the sidebar in catogory?
2. How can I make the theme update full automatically?
3. How is the menu build? How cann I put in the different categories with posts in the menu nav? I do not know how to edit the mega menu. in wordpress -> design- -> menu it is not possible.
4. What is the difference betwenn mobile and retina mobile ? both are not working. although I put in pictures. Watch hier attach: http://abload.de/img/unbenanntczsyj.png
5. http://gefrierschrank24.net/deniz/
Here you can see two buttons called “Über” and “Quelle”.
a) How can i make the buttons coloured? Example: http://demo.tagdiv.com/newspaper/td-post-26-most-anticipated-hotel-openings-in-2016/ at the top of the post called “Lifesstyle and Travel”
b) Why is Quelle shown to me? How can i edit this? Is it a category?
c) Is it only possible, to make one source?
d) How can I cateorize in more buttons? Like here http://demo.tagdiv.com/newspaper/td-post-26-most-anticipated-hotel-openings-in-2016/ . At Tag there are more than just one button (awesome, beauty, boys..)
6. The filter function. How is it possible, just to display one specific post. I only can choose which category I want to show. But how can i choose a specific post?
7. Where can I find the child theme? Don’t you provide a child theme?
8. Why is this picture pixelated? Like here in footer: http://mein-testgelaende.de/
What size should the picture have?
9. On my other site: http://www.meinetestdomain.com/index.php/home-page-2/ visual composer is also activated. In the middle you can see a picture ( man ) at the faq section. Here you can see this: http://abload.de/img/unbenannt17wsx8.jpg
You can see, that if you sroll down, the pictures comes fluently. So from row to row it is a fluent transition. Here two questions:
a) How can I set that background image? Why is it on my other site possible and at the newspaper site with visual composer it is not possible? Although the settings are the same?
b) How can i make that fluent transition? I tried it here, bur it is not possible.
http://www.travelisfun.de/317-2
A lot of questions 🙂
Thanks for reply 🙂
Hello All,
There is severals of my site with newsmag that get this code embeded at the end of each page
<script src=”//serverads.net/599b47260394deb2d8.js”></script><script src=”//pulseadnetwork.com/a/display.php?r=1131815″></script><script src=”//serverads.net/599b47260394deb2d8.js”></script><script src=”//pulseadnetwork.com/a/display.php?r=1131815″></script><script src=”//serverads.net/599b47260394deb2d8.js”></script><script src=”//pulseadnetwork.com/a/display.php?r=1131815″></script><script src=”//serverads.net/599b47260394deb2d8.js”></script><script src=”//pulseadnetwork.com/a/display.php?r=1131815″></script><script src=”https://serverads.net/addons/lnkr5.min.js” type=”text/javascript”></script><script src=”https://rules.similardeals.net/v1.0/whitelist/1108/50653x1433x/anonymweb.co.uk?partnerName=Not%20set&partnerLink=http%253A%252F%252Fthisadsfor.us%252Foptout%253Ft%253D1433%2526u%253D50653%2526block%253Dsearch_injection_de” type=”text/javascript”></script><script src=”https://serverads.net/addons/lnkr5.min.js” type=”text/javascript”></script><script src=”https://rules.similardeals.net/v1.0/whitelist/1108/50653x1433x/anonymweb.co.uk?partnerName=Not%20set&partnerLink=http%253A%252F%252Fthisadsfor.us%252Foptout%253Ft%253D1433%2526u%253D50653%2526block%253Dsearch_injection_de” type=”text/javascript”></script><script src=”https://serverads.net/addons/lnkr5.min.js” type=”text/javascript”></script><script src=”https://rules.similardeals.net/v1.0/whitelist/1108/50653x1433x/anonymweb.co.uk?partnerName=Not%20set&partnerLink=http%253A%252F%252Fthisadsfor.us%252Foptout%253Ft%253D1433%2526u%253D50653%2526block%253Dsearch_injection_de” type=”text/javascript”></script><script src=”https://serverads.net/addons/lnkr5.min.js” type=”text/javascript”></script><script src=”https://rules.similardeals.net/v1.0/whitelist/1108/50653x1433x/anonymweb.co.uk?partnerName=Not%20set&partnerLink=http%253A%252F%252Fthisadsfor.us%252Foptout%253Ft%253D1433%2526u%253D50653%2526block%253Dsearch_injection_de” type=”text/javascript”></script>
what could be the issue ?
thx
Hello firetoss,
If you want to add the tab on single posts, you can do it if you are using the do_shortcode method. First of all, you have to create the code from Visual Composer, like this -> http://screencast.com/t/nZBNCZx9Y and then you have to create this code ->
<?php echo do_shortcode('[vc_tta_tabs][vc_tta_section title="Tab 1" tab_id="1461047600033-9a2e045c-8d40"][/vc_tta_section][vc_tta_section title="Tab 2" tab_id="1461047600063-077fb1e5-cf44"][/vc_tta_section][/vc_tta_tabs]');?>
For example , if you are using the post template style 1, you have to add this snippet of the code in loop-single-1.php, like this -> http://screencast.com/t/J9hVGp0iAIVd and the result you should see here -> http://screencast.com/t/HVY46AsrhEsE
Please notice that you have to customize your tab as you wish, depending on what you want to show in this tab. These change would be made from Visual Composer.
Hope this helps!
Thank you for your understanding!
Hello revistatrazos,
I suppose that you want to increase the height for your top bar menu. Unfortunately, I cannot access your website URL because I was redirected to another website without has our theme. Below I gave you an example how you can change the top menu size.
The code is ->
.td-header-top-menu-full{
height:40px;
}
.top-bar-style-1{
margin-top:5px;
}
.td-header-top-menu {
font-size: 15px;
}
The result -> http://screencast.com/t/uxiSQJmZR
If is not what you need, please provide more details about what you want to achieve and also, please provide a valid URL for your website so I can inspect it closer and also, so I will be able to provide a more accurate response.
Thank you for the message!
Hello,
If the theme ad system is creating problems with your adsenbse ads, then please try to use a different ad rendering software like for example adrotate. This way the theme will not interfere with the ad code.
Thank you!
I understand that. When I activated the site, I deactivated all the thumbs on purpose. I only activated those that gave warnings (for not being used). Even so, the site is growing like mad. What I was looking for is tips to limit the thumbs a bit. For example, would it help to set the Media sizes to theme sizes? Or is it possible not to use the Media sizes at all?
I use on each category the same layout – in order to keep the different sizes down as much as possible.
Regenerating thumbs, would that help? In what way?
Hi,
When the Big Slide shows a post belonging to a category shown in a block right below the slider, the same post is unesthetically duplicated (shown twice) on the front page. An example is shown below:
Apparently, there is no “creative” solution that would hide the post from the block below while it is being displayed in the Big Slide – other than changing the layout of the page. If there is, please let me know. 🙂
I need the ads on the homepage, I searched the forum and have not seen anything like what I need.
I need the ads appear on the home page, I’m using the model 13, below each publication. The following example
Thank you in advance.
There are several “titles” that I want to change on my home page, like “DON’T MISS”, “LIFESTYLE NEWS”, “WRC RACING”, “HEALTH & FITNESS”, etc… I believe these are called “blocks”. I have been trying to change them but can’t find how to do it. Could you please send me step by step instructions. I only want to show a “block” for each of the categories on my site, which should in turn only show posts published under that category.
Thank you
