- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hi,
You can try this custom css to change background color for your sidebar – http://screencast.com/t/n2X7Q1w18 – http://screencast.com/t/x877tKFsU
.wpb_widgetised_column, .td-main-sidebar {
background-color: red;
}
.page .wpb_widgetised_column .td-g-rec-id-sidebar {
margin-top: 0px;
padding-top: 20px;
}
Thanks!
Hi,
I have checked your site and you have this issue because of this padding to the container – http://screencast.com/t/T3mgVz3lZ – http://screencast.com/t/5hIOkuPvCgP
I also checked this and that padding should not be added there – http://screencast.com/t/TOVVns4xGLj
Please check you custom css and remove any code related to it and also disable all your plugins(maybe it is added by a plugin) leave just Visual Composer active and clear cache.
Thanks!
Hi,
You can target the title using this custom css – http://screencast.com/t/QmVLgbWFu8
.td-more-articles-box-title {
color: red !important;
}
Also background color I see that you have added a custom css for it – http://screencast.com/t/98TS5XJQ80
Thanks!
Hi,
Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/9xahwmg4
.sf-menu > li > a {
height: 44px;
}
Thanks!
Hi,
Unfortunately image style doesn’t work properly, but it will be fixed in version 5 of the theme. Sorry for inconvenience!
Untill then you can use custom css to stylish the image for example if you set circle – http://screencast.com/t/yiFsxWZZNm – http://screencast.com/t/GMrSeQt1
.wpb_single_image .vc_single_image-wrapper.vc_box_circle img {
border-radius: 50%;
}
Please provide a link and I will try to provide a css solution.
Thanks!
Hello
How to enable the https protocol to include the standard google font “Open Sans”.
I have an https site (global) and i always get an error “Blocking mixed content “http://fonts.googleapis.com/css?family=Open+Sans%3A400%2C700”.
Thanks, Thomas
Hi,
You can add your homepage to the menu and use the default icon for it – http://screencast.com/t/5tkETAtx
Now use this custom css to change that icon position – http://screencast.com/t/V8rzUa9FeRGC
As you can see on mobile menu it will appear Home – http://screencast.com/t/hivnKeqL0Ajd
Thanks!
Hi,
Please try this custom css – http://screencast.com/t/c6TO8mdk
.td_block_mega_menu .td_block_inner {
padding-bottom: 20px;
}
Thanks!
Hi,
I have checked your site again and did not found any issues – http://screencast.com/t/PLjTU1misV6A so I think that this issue appear only on your side. Please check this also on another device.
Also please check this without any js/css minifications and make sure that you use latest theme version.
Thanks!
Hi,
1. Please use this divs – https://forum.tagdiv.com/ads/ as what you are using there is from Newspaper 5 documentation.
2. Just replace # with your url – http://screencast.com/t/mIAlBWEow9i
3. If you want to not display your header ad on your homepage you can add a condition to not appear on your home page – http://screencast.com/t/068xjygFQ you can find more info – https://codex.wordpress.org/Conditional_Tags
4. After you create your menus from Appearance > Menus – http://screencast.com/t/g87envJ30 you have to select your top menu and main menu from Theme Panel > Header section – http://screencast.com/t/hNRJq77FYOW
5. You will have to use fewer menu items if you don’t want menu goes on 2 rows/lines and adjust it using custom css. Let me know after you set your menu, I will try to provide a css solution, but if you have many menu items it will drop on 2 lines on tablets.
6. Unfortunately this is not recommended to create a page as your category and I cannot provide you a solution to make a category megamenu and link to a page.
There is a solution to add a banner/ad to category pages using do_shortcode function. Please check these topics as reference:
https://forum.tagdiv.com/topic/category-page-ads/
https://forum.tagdiv.com/topic/how-to-add-ads-in-category-pages/
Thanks!
Hi,
The Jetpack plugin is not a part of the theme, so there are not options in Custom Typography. You can use custom css for this in Theme Panel > Custom Css – http://screencast.com/t/2e2GSREKT85
div.sharedaddy h3.sd-title {
font-size: 14px;
}Thanks!
Hi,
Thanks @nf_prt
I have tried to access your site, but – http://screencast.com/t/oE7cCm7e
@nf_prt has right the logo image have an inline css for width, if you use header 1 you can change the image width from – http://screencast.com/t/y2ytMxJ8gzJg
Or you can try to use this custom css – http://screencast.com/t/UFueFmFA
.header-logo-wrap img {
width: initial !important;
}
Thanks!
Hi,
You have some js errors in the console – http://screencast.com/t/34OwQAljk23 please disable all plugins leave just Visual Composer active, clear cahe and check again. Also try this without any css/js minifications.
Thanks!
Hi,
As you can see this is your image, so you have to adjust it – http://screencast.com/t/dkTt8dyHoFR
Or you can try this css to reduce the left padding – http://screencast.com/t/nzUASzKvEl – http://screencast.com/t/Ptq56m3g
@media (min-width: 1200px) {
.header-style-3 .container-fluid {
padding-left: 0px;
}
.header-style-3 .td-grid-wrap {
padding-left: 0px !important;
}
}
Thanks!
Regarding the possibility of installing VC 4.3.5: I’ve read it’s not compatible with yoast SEO. Plus, are there some different short codes from 4.4.2 and 4.3.5?
Also, want to know, my website has a good traffic, but less than 1000 articles and only about 10 pages. I’ve used VC elements only on pages (homepage included). This reduces the possibility that I will face CPU problems?
From what I read, I can’t use shim version as I’ve custom CSS added to pages and several VC short codes.
Hi,
I’m using virtual composer to insert single images on some pages and in the option “image style” is not working while other options like “css animation” are, any idea on what i need to do to fix that ?
Just did a fresh install on my site, starting from scratch to avoid what may have been some security issues before. I’m making a concerted effort to secure and optimize the site before adding any content or doing any major customizations.
I’m using the guide here to try and improve page speed: https://forum.tagdiv.com/how-to-make-the-site-faster/
Under section 4. Remove render blocking css/js – using the TagDiv Speed Boosterplugin (Advanced Users) I’m running into some issues.
1. I’ve installed the Speed Booster plug-in and activated it.
2. I’ve copied and pasted the suggested code into very bottom of NewsMag’s functions.php file (there’s another functions.php that the guide is talking about, is there?) and saved.
3. I’ve copy/pasted the output at the top of the page into a text file, which reads:
registered scripts
common | /wp-admin/js/common.min.js
admin-bar | /wp-includes/js/admin-bar.min.js
wp-pointer | /wp-includes/js/wp-pointer.min.js
wordfenceAdminjs | http://madlymanly.com/wp-content/plugins/wordfence/js/tourTip.js
utils | /wp-includes/js/utils.min.js
svg-painter | /wp-admin/js/svg-painter.js
sucuriscan | http://madlymanly.com/wp-content/plugins/sucuri-scanner/inc/js/sucuriscan-scripts.js
wp-auth-check | /wp-includes/js/wp-auth-check.min.js
td_wp_admin | http://madlymanly.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin.js
td_wp_admin_color_picker | http://madlymanly.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin_color_picker.js
td_wp_admin_panel | http://madlymanly.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin_panel.js
td_edit_page | http://madlymanly.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_edit_page.js
thickbox | /wp-includes/js/thickbox/thickbox.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
wp-pointer | /wp-includes/css/wp-pointer.min.css
colors | 1
ie | /wp-admin/css/ie.min.css
sucuriscan | http://madlymanly.com/wp-content/plugins/sucuri-scanner/inc/css/sucuriscan-default-css.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.css
google-font-ubuntu | http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic
td-wp-admin-td-panel-2 | http://madlymanly.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/css/wp-admin.css
wp-color-picker | /wp-admin/css/color-picker.min.css
thickbox | /wp-includes/js/thickbox/thickbox.css
wpalchemy-metabox | http://madlymanly.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/content-metaboxes/meta.css
jetpack-icons | http://madlymanly.com/wp-content/plugins/jetpack/css/jetpack-icons.min.css4. Deleted the code from step 2, then saved.
5. Re-ran the Google Test and it spat out the following results:
Remove render-blocking JavaScript:
http://madlymanly.com/wp-includes/js/jquery/jquery.js?ver=1.11.2
http://madlymanly.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1
Optimize CSS Delivery of the following:
http://fonts.googleapis.com/css?family=Open+Sans%3A300%2C400%2C600%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=4.2.2
http://fonts.googleapis.com/css?family=Roboto+Condensed%3A300italic%2C400italic%2C700italic%2C400%2C300%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=4.2.2
http://madlymanly.com/wp-content/plugins/js_composer/assets/css/js_composer.css?ver=4.4.4
http://madlymanly.com/wp-content/themes/Newsmag/style.css?ver=1.7.1
6. When I went back to output from what I did in step 3 above, I didn’t notice any corresponding file names for the issues that needed to be fixed. For instance, in the Google report, it suggests jquery files, but when you search the code section of step 3, I couldn’t find anything that said “jquery”. Same thing for css like “Roboto”.
I noticed in the code comments within the Booster plug-in that it looks like it is still being tested on NewsMag:
/**
* Move the style only on newspaper
* @todo move the style also on newsmag after we fix all the issues
*/
Thoughts? Thank you for the help!
Hi guys, I was wondering if you guys could help me..
I have this shortcode inserted at the bottom of my page.
http://thecoffeebreak.co/finance/8-paid-jobs-you-can-do-without-a-college-degree/
[td_block_ad_box spot_id="custom_ad_2"]
[td_block_ad_box spot_id="custom_ad_1"]
Custom Ad 2 is adsense responsive and shows up perfectly on phones and tablets.
Custom Ad 1 is enabled only for Desktop with the leaderboard 728*90 (which doesn’t fit inside a post)
What I’m trying to do now is to have for desktop (Custom Ad 1) a custom adsense size of 650*90.
However if I do…
Option 1
Put my custom adsense code in a shortcode, it cant be disabled for tablets and mobiles. So this option doesn’t work
Option 2 (which almost worked)
I used the specific div class for each device resolutions.
<div class=”td-visible-desktop”> <—- does not show up on mobile, however shows up on tablet landscape
[cta id=”645″ vid=”1″]
</div>
<div class=”td-visible-tablet-l”> <—- shows up on mobile, desktop and mobile
123test
</div>
<div class=”td-visible-tablet-tp”> <—- shows up on mobile, desktop and mobile
test123
</div>
<div class=”td-visible-phone”> <—- This one worked flawlesly
test mobile
</div>
Option 3
Simply play with the CSS and change the width of the post area.. however the theme then looks ugly.
Right now…
I reverted back to <div class=”td-visible-desktop”> with an Ad size unit of 650*90 custom ad block 1 and responsive adsense ad for custom ad block 2 for mobile but I’m missing out on Tablet traffic.
any solutions? (please! I don’t to go back to newspaper, I just switched over to this theme today and omg) 🙂
Widmaer
Hi,
a)i inserted to css code u sent us but some thumbs are still square and not resizednto fit.
Is there a workaround?
b)and how would i make the site show the latest videos imported? (i use show latest but the page still shows old ones)
eventough new videos are imported the site still shows old ones.
how do i fix this?
c)in the theme panel i checked everyone can register and the registered users are only subscriber.
but i cant find a login/register button or link on the page?
c2) is there a good program u know that makes a popup asking visitors to register?
we dont have much budget, any actually, maybe there is a good free one u know of?
something to start building an email list.
d) infinite load still doesnt work for blocks and page without article list for random videos section.
please help
—
regards,
Bora
Hi!
Please help. I added the Facebook Like Box (Jetpack) widget to my homepage and the title of the widget is not the same as all the others. The background color is consistent with the rest of my headers but not the text. Where in the custom typography is the setting or what is the CSS to target it? I think I have tried all the custom spots that it could be.
Thank you!
🙂
here is an improved shim (1.0 Beta 3): https://forum.tagdiv.com/files_for_users/td-visual-composer-shim.zip
– fixed an issue with column calculation on 1/1 full width rows
– added vc_separator shortcode
– added vc_column_text shortcode
– added vc_raw_html shortcode
the plugin it’s still a bit messy but after we finish the new Newspaper I will make it much better. All the shortcodes that are supported now are with minimal support 🙁 (ex: no designer tab support yet / no custom visual composer css support).
@Chris … do you want a beta version of Newspaper? Let me know and I will sent it via email.
Okay, direct from grand wizard Mr. Radu …. here is the code to hide the shim and VC on post pages for those of us who only use VC for home page or whatever and do NOT use it for posts! You don’t need to use *this* version unless you’re using the SHIM plugin to deal with CPU spikes with VC versions post 4.4 (for regular code for just hiding VC on posts, see the prior post ABOVE).
Here is updated from RADU June 5, 2015:
(and this goes in functions.php file in main root of theme folder, for those who did not already know that . . . )
function dequeue_visual_composer_css() {
if (is_single()) {
wp_dequeue_style('js_composer_front');
wp_dequeue_style('td-vc-composer-css-shim');
}
}
add_action('wp_enqueue_scripts', 'dequeue_visual_composer_css', 1003);
Hello from California 🙂
Hey Alin,
You can see my website here.
What I really want is to change the sidebar color site wide. If that’s not easily possible without having to set custom CSS for every module/block even for custom sidebars, etc. then I’ll leave it white.
Thanks for looking into this!
Hi,
How can I get the logo aligned left?
I changed it in the css from center to left, but there is still a space. It should be begin directly over the menu, at the moment it is placed more to the right.
I found no other padding for that in the css, it is all fine like it is. But the logo begins not directly on the left side..
Hi Chris, the original code does not work for the shim style because I’m using another id for the css (td-vc-composer-css-shim)
Here is the code that will remove the css form js composer and also from my shim on single pages.
function dequeue_visual_composer_css() {
if (is_single()) {
wp_dequeue_style('js_composer_front');
wp_dequeue_style('td-vc-composer-css-shim');
}
}
add_action('wp_enqueue_scripts', 'dequeue_visual_composer_css', 1003);
