- NewspaperCreate Custom Code with the browser’s Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
I just bought the Newspaper theme but I am not able to install. I get this error “missing style.css stylesheet”.
Hello,
If you update from version 4 to 6, then all customization will be lost.
Newspaper 6 is a whole new theme so an update from 4 to 6 may cause the same issues as switching to another theme (but we did try to maintain compatibility where ever possible).
Always make 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.
Bottom line is that newspaper 6 is a whole new theme built from scratch.
Unfortunately you will have to clear your agenda and spare a bit of time to adjust all your settings to the new version of the theme.
We are sorry for the inconvenience.
Hope this helps!
Thank you!
Hi
If you’re using a widget from Visual Composer the background color can be set from column settings: http://screencast.com/t/miCRO811pvQx
You can change the pagination background color using this css: http://screencast.com/t/o0KwHJVlmL9
.page-nav a:hover{
background-color: #D9BFBF;
}
.page-nav a{
background-color: #C16E6E;
}
.page-nav:first-child > div{
background-color: #E2EC4D;
}
Thanks!
Hi
I’ve test this on my site and the trademark character is displayed fine on mobile devices: http://screencast.com/t/5pPyxwON I suspect that you have this issue because of a different css which applies on that character. Try to deactivate all plugins except Visual Composer, clear all caches and test again. If the problem persist please provide a link so I can inspect it closer.
Thanks!
Hi Sayeed,
For your first request, you can use a bit of css in theme panel like this: http://screencast.com/t/ktvjFQ2d
.td_block_wrap .td-post-date, .td-post-author-name{
display:none;
}
And for second request, there is an option to disable related articles within Theme panel like this: http://screencast.com/t/SncFbYr0E7 . If you want to add another widget in your post, i suggest to use a Visual Composer for posts. You can activate this like this: http://screencast.com/t/BZD6mfqMz
Our theme is not tested with Visual Composer for posts and also can appear several errors.
After using Visual Composer for posts, i’ll recommend to use the code below:
.td-post-content .wpb_wrapper {
padding: 10px;
}
Thanks and let me know how it goes!
.td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb {
transform: none !important;
-webkit-transform: none !important;
-moz-transform: none !important;
}
this code helped me to disable zoom efect at pictures, theme / custom css. I have another question, for blocks… please check bahisokulu.com / i have lifestyle news block, and it has tabs like Business Featured Futbol Haberler ect. How can i add one more like this, because when i tried to add these texts not appearing, for example:
i want one block with all / news / sport ect… tabs to collect all categories under my news… Simply please tell me how can i add and customize this kind of blocks.
Ok I have played a bit and added a background image, so what I need to do is replace the background image with the advert tag(s) and make sure it calls the same css boxed style that it does there. Then my problem is solved.
PLEASE HELP! I am desperate at this point as the site is live and they have overlay (take-over) adverts on different sections.
Hi,
Please check this without any plugins active except of Visual Composer or if you did some custom modifications please remove them as the css is altered, your video ha a fixed width and height, this cause also responsiveness issues – http://screencast.com/t/WaZdsA8h It should look like this by default – http://screencast.com/t/FJXb80zPQp
Thanks!
Hello,
There is no setting to increase site width. Our theme works with a grid layout and increasing the width of the site will impact the blocks and other elements on your website creating undesired effects. It can be done with CSS but that means you have to style all the elements to fit the new wider layout.
(The mobile version of the site is already at full width: http://screencast.com/t/HGrc026b)
We hope in a future update we can implement a setting for width to our theme.
Thank you!
Hi,
Do you use newsmag theme? Or the old version of Newspaper?
In version 6 of Newspaper the menu icon looks like this – http://screencast.com/t/PI413j6G
If you use Newspaper 4 you can change the background postion using custom css in Theme Panel > Custom Css – http://screencast.com/t/ZugSMsHFMbnH
.td-sp-ico-menu {
background-position: -20px -362px !important;
}
If you use newsmag you can change it here – http://screencast.com/t/amYJ5lz2cb
Thanks!
Hi derdiedasjp,
For what you want to achieve it is necessary more customization, custom work. Using only Css style is not a good way because you alter the quality images. It’s about aspect ratio and all of the images have an specific aspect ratio. If you modify, there not looking good. For more details about aspect ratio please consult our documentation (bottom of page) here: https://forum.tagdiv.com/theme-thumbs/
Unfortunately we cannot offer custom work as we work hard on the development, updates, fixes and support. You can always get a freelancer from sites like: http://studio.envato.com/ if you don’t know how to do it yourself.
Thanks.
Hello,
You can use this custom css to achieve the effect you want:
.td_block_13 .td-module-meta-holder, .td_block_13 .td-module-meta-info{
background-color:red;}
.td_block_13 .td-module-meta-info h3>a{
color:white!important;
}
Thank you!
Hi,
I am trying to change the fonts (from default to robot condensed) on my website (which is still under construction). We recently updated to Newspaper 6.5 and now the fonts section in the theme panel does not even open any more (whereas on Newspaper 6.2 I could access the fonts settings, but the fonts did not follow the change on the page).
The next question then would be how to change the size of the fonts for headlines, menu, etc.
I am a wp-beginner and not experienced with CSS, so a step-by-step guide would be greatly appreciated.
Thank you very much for your help
Hi,
Please try this solution – https://forum.tagdiv.com/topic/remove-css-layer-on-slider-pictures/#post-62725
Thanks!
Hello,
I tried the code again and it seems to work:
This is your website without the code: http://screencast.com/t/mxLaz2yE3Ed
This is with the code active: http://screencast.com/t/8cl1boOeTbX
Please make sure you place the code correctly in the theme panel->custom css box: http://screencast.com/t/GB1gBgsUU
Thank you!
Hi Filipe,
You can change the color of the background of thumbnails like that:
http://screencast.com/t/uKqtLdJ0Vf4 http://screencast.com/t/nnHra9sWG
.td-grid-style-4 .entry-title {
background-color: rgba(124, 100, 171, 0.3);
}
Please insert the code above in Theme panel->Custom Css area like this: http://screencast.com/t/1iawYjGaOo
Thanks and let us how it goes!
Hello,
Are you sure it’s a block 15? Because block 15 does not have author and date in the 1 column version: http://demo.tagdiv.com/newspaper/block-15/
ANyway, you can achieve this by targeting the meta info with CSS like so:
.td-ss-main-sidebar .td_block_6 .td-module-meta-info{
display:none;
}
I used a block 6, but you can change the number of the block in the code to the one you use.
I hope this helps.
Thanks.
Hi,
You can use this CSS to do it:
.mfp-bottom-bar{
margin-bottom:15px!important;
}
Thanks.
Hi,
Please use this custom css – http://screencast.com/t/UbFJQAVULZp – http://screencast.com/t/rKRbfgtbBjRN
.wp-caption-text {
font-size: 18px;
font-family: "Times New Roman", Times, serif;
}
.mfp-bottom-bar {
font-size: 18px;
}
Thanks!
Hi
You can change the mobile icon using this css in theme panel > custom css: http://screencast.com/t/Byv6tGVpklgv
.td-icon-mobile:before {
content: '\2630';
font-size: 35px;
}
You can increase or decrease the font size value if you want a different size for the icon.
Thanks!
I am trying to get more information into my footer on my site so it is the full width of the footer instead of stacked on top of each other like in a paragraph, can someone give me the area in CSS to accomplish this task, should be simple but i cannot seem to find it anywhere even with firebug?
Hi @zeus
Im actually only use wp-rocket only whit HTML optimization + tag div speedbooster + a little custom on functions.php
add_action('init', 'myoverride', 100);
function myoverride() {
remove_action('wp_head', array(visual_composer(), 'addMetaData'));
}
function dequeue_visual_composer_css() {
if (is_single()) {
wp_dequeue_style('js_composer_front');
}
}
add_action('wp_enqueue_scripts', 'dequeue_visual_composer_css', 1003);
add_filter( 'jetpack_implode_frontend_css', '__return_false' );
function dequeue_devicepx() {
wp_dequeue_script( 'devicepx' );
}
add_action( 'wp_enqueue_scripts', 'dequeue_devicepx', 20 );
Regards
Sure. WordPress doesn’t have an option like that. You could likely setup some custom CSS with a javascript sniffer to swap out a different stylesheet without the mobile elements, much like the commonly used js which was used by many to swap out stylesheets to load different size fonts/sizes dynamically awhile ago.
Yes, you could setup a “custom” “page” template which loads an alternate stylesheet without the @media queries for mobile, so that there are no mobile styles at all. Just create new template for a page like “custompage” and then use normal WordPress practice for the custom page templates for that.
See the WordPress codex on how to build a custom page template to load automatically for a specific page, such either by name or page ID. For posts it’s trickier.
Much simpler to use a browser like Chrome where you can specify to “request desktop” version.
You might also be able to use built-in WordPress “if/then” logic to do something like “if post ID XXX, load style2.css, else load style.css” — but then you’d have another if/then query on every page; might work if it’s not a permanent thing. See WordPress codex on how to construct an if/then statement in your header.php template to do that. Then just clone the default stylesheet and remove all the @media queries for mobile.
Hello,
I’d like to change the way grids appear on mobile phones – to be more precisely, I’d like to make all the images the same specified height.
Is there a simple way to achieve that? I managed to do so by adding CSS styles, but noticed that by doing so some of the images get distorted. Any advise would be highly appreciated.
Thanks in advance
No. I cant set that in the web browser. I need to be able to turn off the responsiveness on the fly in select cases…
Perhaps there is a way to apply css or javascript to force a desktop view upon a single wordpress page? So that page and that page only ALWAYS gives a desktop version…?