- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Catalin,
This helps, thank you so much for providing specific CSS code instructions!
-Kevin
For information i have no modified or do something on the page of php, just make some css, that i removed now.
I just have update newspaper to version 7. I had install the plugin tagdiv mobile theme and activate it, but not being what I expected I deactivate it.
Hello,
1)You can have a specific sidebar on every post if you chose to but that will lead to the creation of a whole lot of sidebars. You can select the sidebar you want for a specific post from here: http://screencast.com/t/3ntuwX4R
2) Unfortunately since the form is in the post content, css cannot work like that. The css simply moves the sidebar below the post content. You will have to use another technique here and add a form in the sidebar and hide it with css on desktop and on mobile have it visible. And hide the first form for mobiles. CSS cannot move elements from one container to another.
Thank you!
Ok so I have identified the issue by checking out those files and actually reading the error instead of panicking.
/*remove visual composer
add_action('init', 'myoverride', 100);
function myoverride() {
remove_action('wp_head', array(visual_composer(), 'addMetaData'));
}
/*remove Visual Composer CSS from “post” pages
function dequeue_visual_composer_css() {
if (is_single()) {
wp_dequeue_style('js_composer_front');
}
}
add_action('wp_enqueue_scripts', 'dequeue_visual_composer_css', 1003);
/*change post order
add_action('wp_head', 'custom_change_posts_order');
function custom_change_posts_order() {
global $query_string;
if (is_category(array(10,11,12,13,14,15,34,35,36))) {
$posts = query_posts( $query_string . '&orderby=date&order=asc' );
}
}
*/
It was the optimization from Chris. If you read this Chris, I guess it would be wise to add an ” if function exists” to that code :P.
Crisis averted.
Hi,
I assume you are referring to this white gap: http://screencast.com/t/4wiVwbNeehh
You can use a custom css to reduce the white space like so:
.home .td-main-page-wrap {
padding-top: 10px;
}
Thank you!
Hi,
The element is created custom for the dark demo version. In order to re-create it you need to create a tab element in visual composer and only use grids with style 1. Then you ned to add an extra class to the tab element: td-tab-color
Once you did this, you need to copy over the css from the black version into the main style.css file: http://screencast.com/t/2A3bCsQF
Thanks.
Hello,
Please try the code below and place it in Theme panel->Custom CSS area. The code below is ->
.td-header-top-menu-full {
border-top: 2px solid green;
}
.td-header-menu-wrap {
border-bottom: 2px solid green;
}
The result -> http://screencast.com/t/pHOMA20JBaQ
Thanks.
Hello alpsbox,
1)Please notice that you will have to alter the code from the core file in order to achieve best results. So, for example, if you are using the post template style 1, you will have to change the code from the loop-single-1.php using the following steps, like so -> http://screencast.com/t/JA74POSdkGNs and then http://screencast.com/t/gWid9lxdY The code you will found here -> http://pastebin.com/U6g7iX7E and the result you should see here -> http://screencast.com/t/hT2SK3YbTJa9
2)Please notice that if you want to decrease the space between your paragraphs, you will have to decrease the padding-bottom for them. Please try the code below and place it in Theme panel->Cusotm CSSa rea.
The code is ->
.td-post-content p{
margin-bottom:2px!important;
}
3)Please try the code below ->
.entry-title a:hover, .td_block_wrap a:hover {
text-decoration: underline!important;
}
Hope this helps!
Thanks.
Hi,
I’m sorry, but since i update, everything goes wrong.
I do everything you say, i use se second choice for the columns, disable all the plugins except visual composer, clear the cache, remove all my custom css, and i’m not using CDN files.
And nothing change.
I try everything on the back office, just put block with visual composer, and try template too.
Anything are brocken. I don’t understand, I need to make this site for a client for the end of the week, last dead-line, and now i don’t know what to do.
You can see it online here.
http://www.farawaytrip.com
Please help.
Thanks in advanced
Hi,
Please disable all plugins except visual composer, clear cache and reset cdn files if you use it. his is most likely a plugin that interferes with the css. The gradient you see is the mobile background. It should not be visible on desktop.
Thank you!
Hi,
We usually do not recommend using the split columns in a 1/2 and 1/2 layout. We recommend using these 3 types: https://forum.tagdiv.com/how-to-use-visual-composer/
I have tested this though on my end but the result is this one: http://screencast.com/t/olwJF76vkPIj
Please try to disable all plugins except visual composer, clear cache and reset cdn files if you use it. Maybe you have a conflicting plugin that causes this. Or maybe you have some custom css that changes the layout. Please also check any css code you might have added.
Let us know how it goes.
Thank you!
Hello Kundurnews,
I suppose that you are referring to the Article Inline Ads. Please notice that you will have to add some conditions for what paragraph you do not want to display the ads, in td_module_single_base.php, like this section -> http://screencast.com/t/ej2O56Dw Please notice that this is not a simple task and require to do some additional customizations through code that involve custom work. Also, please notice that you can hide the unwanted ad using a bit of CSS code and give the display:none attribute for the specific class. If you want to display more levels in our theme and you are not aware of the steps which you need in this regard, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry!
Thanks for your understanding!
Hello mikyasferhat,
Please notice that your page speed depend on a lot of factors and also, please notice that this type of customizations is not covered by our support. So, in order to achieve best results in this regard, please notice that you must have a solid knowledge of PHP/HTML/CSS because the following tutorial is addressed only for ADVANCED users. Please try to read all of this tutorial and try to follow all the steps which are presented in order to achieve best results for your page speed. -> https://forum.tagdiv.com/how-to-make-the-site-faster/
Please notice that you are not aware of the steps in this regard please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry!
Thanks for your understanding!
Hi,
Two questions regarding sidebar:
1) A lot our articles/posts will be recipes where we want to display the ingredient list in the sidebar, like on the first test page I created: https://www.lettogsunn.no/polse-med-eple-og-rodbetsalsa/
From what I have read it is only possible to have specific sidebar per category, but is there a way to have different sidebar content per POST that are in the same category? What would be the best way to solve this..?
2) On mobile devices for the page I linked to, the sidebar content will be below the button and contact form below the post content. Is it possible to put CSS code that forces all posts in our recipe category to show the button + contact form BELOW the sidebar on mobile devices (since we want to have sidebar/ingredient list just below the post content on mobile devices)?
Thanks a lot for great theme and support!!
Hi,
You can try this css:
.footer-email-wrap a{
color:grey!important;
}
Thanks.
Hi,
I have inspected your site but could not find any issues. This usually happens after a major update as the style.css gets cached wither from a plugin, a cdn server or hosting. You have to clear all caches or wait for them to clear themselves as all caches have a reset timer. Plugins can also cause this so please disable all plugins except visual composer, clear cache and reset cdn files.
Thank you!
Hello justmevalthemar,
I suppose that you are using the Newspaper 4.5 version, right? Please notice that the latest version of our theme is Newspaper 7 that come bundled with the all required plugins (Visual Composer ->4.11.2, Social Counter 4.0). I suppose that you are using the latest version of WordPress (4.5.2) and please notice that the version 4.5 of the theme are not tested with this. I recommend you to update your theme to the latest version. Please follow the steps below in order to achieve best results in this regard.
In order to update from newspaper 6, you need to delete the old theme altogether and copy over the new theme via FTP. Then simply run the update script from the welcome screen: http://screencast.com/t/NXxqfbe4T
Before the update make sure you do a full backup of your current installation – https://codex.wordpress.org/WordPress_Backups and then do a clean update, meaning that we recommend that you delete the old version of the theme before uploading the new one – https://forum.tagdiv.com/how-to-update-the-theme-2/ update also the plugins that come with the theme files from the /plugins folder. In the “how to update” guide is specified that you will have to run the script that will import from database your settings.
The shortcodes have been changed so old ones will not work anymore. Please note that old files customization or custom css will not work with the new version and you will have to adjust or re-add them.
You will have to re-apply a few settings though as some elements change their order and number such as blocks or post templates so a post template from newspaper 4 for example post style 3, will not be post style 3 anymore but a different number.
You will only have to allow a half hour to restore your site to it’s previous setup.
Thank you for your understanding!
Hello, instructed by email to add this in here.
http://www.breadandbutterfootball.com
In the homepage by the header there is a big white gap which I’d like to close up to make website look better. Could I get a CSS code to help with this and where to put it? Thanks
Hi
The above solution works fine but you have to do the steps in a very precise order. Firs make sure you edit the right file, then move the indicated php code and finally apply last css code.
My example refers to post template 5 but if you’re using different post templates you have to modify the files corresponding with them.
Thanks!
Hi
1.You can use theme’s custom ad-spots to display your ad above the logo. First you have to place your ad-code in one of the available custom ads. Then you have to edit the file corresponding with header style used and add this code like here: http://screencast.com/t/C9xwScefN
I’ve used custom ad 1 as example for header style 7.
2 Add do_shortcode function in page-pagebuilder-latest.php file: http://screencast.com/t/egUxLLUCs http://screencast.com/t/8lHVlabaDs
Also you will need this css in theme panel > custom code > custom css:
.td-container.td-pb-article-list .td-container-border {
border-bottom: 1px solid #e6e6e6;
}
3. Unfortunately the theme does not have an option to add infinite scroll on posts. To achieve that you’ll need some customizations in theme’s core files. This is a complex task and I can’t provide a solution for the moment. If you need this and you’re not aware of the steps you need to take in this regard please consider hiring a developer to help you with implementation.
Try this css to hide the search cos:
.td-search-wrapper{
display: none;
}
Thanks!
Hello adnan,
I have checked your website again and I did not saw this type of effect (flash) when your page is in the loading process. So, if this effect reappears, you will have to add your custom CSS code directly in style.css core file. As an example, if you want to change any settings from your backend, you will have to change in style.css because if you will add that code in Custom CSS area or from Theme Settings, that CSS will be loaded after the code which has added in style.css and this flash effect can occur. So, please notice that you will have to change the exact class for which you want to change the CSS placed in style.css and then you will have to change it with your desired value. -> http://screencast.com/t/srRd5rywt
Hope this helps!
Thanks for your understanding!
Hi
That is an inline css which cannot be overwritten from outside so you have to edit your posts and either change the value as i’ve indicated above or remove the fluid-width-video-wrapper container which include the videos. Also try to deactivate all plugins except Visual Composer, clear all caches then test again. It may be possible that this container to be added by one of your installed plugins.
Thanks!
Hi
Block 15 use modules mx1 and mx2 to display posts so you have to modify the css corresponding for these modules: http://screencast.com/t/1dS0gS0FZ
Thanks!
I went through all those steps that you indicated, but the sidebar still shows up first on mobile. When I implement the first custom css code you gave (the slow one), it had the opposite effect on my desktop version, and no effect on mobile. When I implemented the second custom css code, it had no effect on my mobile or desktop version. Any help please?
I have used Mobile theme feature, it works charm, it will be good if you provide eye-catching subscription form in Mobile theme and main theme. Currently I am using mailchimp default subscription box with some modified css which looks good with design.
Just because of user are not allowed to subscribe my blog I have deactivated mobile theme.