- 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
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
How to change the colour, without adding css in theme panel > custom code > custom css?
Hey,
I know the theme doesn’t support RTL, but this is not the problem for me.
I have 1 site – dailybuzz.co.il – which i manage to move it to be RTL.
Now i have another site – isradog.co.il – which i uploaded the CSS file from dailybuzz.co.il to this site, but nothing changes. Everything is still aligning to the left.
For example this is the same on dailybuzz.co.il & isradog.co.il >>
.td-pb-row [class*=”td-pb-span”] {
display: block;
min-height: 1px;
float: left;
/* responsive landscape tablet */
/* responsive portrait tablet */
/* responsive portrait phone */
padding-right: 24px;
padding-left: 24px;
position: relative;
direction: rtl!important;
In dailybuzz it works fine, and is isradog.co.il it doesn’t do anything.
Any ideas?
Thanks
Hello
As a quick solution, please try the code below and place it in Theme panel->Custom CSS area. Unfortunately, I do not know from where that characters are coming because our theme does not have something like this…sorry!
The code is ->
.page-nav .clearfix{
display:none;
}
Thanks for your message!
Hi,
Well as you add more and more posts to your site, the hentry errors will grow as your content grows. The hentry basically requires you to have and date present on your site. If you removed the author or date, then an error will be provided.
As I can see from your site, you removed the date, so that is why you have errors in your structure date.
You have 2 options in this case. Either you ignore the hentry errors (they do not affect your site or traffic) or if the errors bug you and you want to see them gone, you can simply activate the date and then hide it with css I hope this helps
Thank you!
Hello,
Our theme provides multiple blockqote styles besides the default one. You can see the quote styles you can choose here: http://screencast.com/t/LKLNL0iQjzm
As for the color, the block quote will grab the theme accent color. If you want to change the color for it, you will have to use css.
Try this code:
.td-post-content blockquote p{
color:red!important;
}
You can add it in the theme panel->custom css box.
Thank you!
Hi
to speed up result on google speed on mobile i want at least hide js_composer.min.css
from single post on mobile theme
<link rel=”stylesheet” id=”js_composer_front-css” href=”http://www.bintmusic.it/wp-content/plugins/js_composer/assets/css/js_composer.min.css?ver=7.4″ type=”text/css” media=”all”>
on desktop i added the follow on function.php and this work
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);
but js_composer.min.css remains on single articles on mobile theme
I’ve try to put dequeue on function.php on mobile theme but does not work.
How can i do?
Thanks
Hello MrOrsh,
You will have to use the following CSS and place it in Theme panel->Custom CSS area. The code is ->
.td-boxed-layout #td-outer-wrap {
-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
box-shadow: 0 0 61px 0 rgba(0,0,0,1.1);
}
The result you should see here -> http://screencast.com/t/iUyDbcJhENo
Thanks for your understanding!
Hello RichardD,
If you want to make your main slider being wider or shorter, also you will have to change the width of the theme and please notice that our product does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results. If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!
Thanks for your understanding!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/5EHj9igvgcS4
.td-header-main-menu{
z-index: 0;
}
Thanks!
Sadly, I’m not using Newspaper anymore except on one blog thing of mine …. and have moved over fully to Newsmag 3.1, so any suggestions for the “mobile theme” here would be more anecdotal than specific, unfortunately.
Note that even if in footer, doesn’t help that issue with CSS, as page still cannot load “above the fold” without that CSS — hence why you need to use critical css generator to load the main CSS inline in the header.php — this way, mobile browser does not need to WAIT for the bottom of page CSS to load to render anything. Upshot, without the inline CSS, doesn’t matter WHERE the main css files are on page — entire page is “held up” by waiting for that to load, hence the error.
So
step 1 – generate critical css for page; step 2, have that code added to header.php before the closing </head> tag; step 3 have main css loaded in footer.
this way the ‘above the fold’ content loads without waiting for css file(s). :_)
Hi. I found some CSS on the support forum which was supposed to help with my being able to change the text header font attributes. However, this does not work. Are you able to help me? I have a brand new installation of WordPress and installed the Cafe demo theme (settings only). Quick response appreciated. Many thanks.
Hello Socialfeed,
Please ensure that this type of error does not come from your untested plugins. Also, if you have some additional customizations through code or CSS, please try to disable all of them, clear all your caches and try the theme to the default state. Also, if you are using the CDN system, please try to purge all the CDN files, clear all your caches and test again.
Hope this helps!
Thanks for the message!
Hi!
We built a website with the newspaper theme. The company we built the website for has a intranet and the main browser is internet explorer 11. The site looks like it should on our versions on IE11, but they have the Enterprise Mode enabled on their browsers to be able to render older sites.
Enterprise mode should only render sites that aren’t compatible with the current browser, but it seems that it renders our site and displays it like it looks in IE8 without alot of css and the lack of javascript. Other up-to-date sites works just fine, exept for ours.
Do you know what could be the cause of this?
Hi,
Please provide a link to such a blockquote and I will provide the proper css code to modify it.
Thank you!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/m9vTCBHU
.td-social-style10 .td_social_type .td_social_info {
font-size: 0!important;
}
Thanks!
Hello,
Well if you use a span inside the h2, you need to target the span with css. Please provide a link to your site so i can inspect this on your end to provide the proper solution. It would help if you ad classes to the h2 tag you ad. so I can target just the particular elements for example:
The font size you see is added by the span element, not the h2 element.
Thank you!
Hello Chris,
We have not tested the mobile theme with a child theme so I cannot guarantee it will work from the child theme. You can try it out though but you need to create the folder structure for it. The mobile theme has separate files and a separate css file. The files for the mobile theme can be found here: http://screencast.com/t/MzjQKQ8OU
Thank you!
Hello,
The top menu was not designed to show up on mobile phones. You can try to force it to show with this css:
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}}
@media (max-width: 767px){
div.td-header-sp-top-menu {
display:block !important;
float:none!important;;
}}
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}}
Add the code in the theme panel->custom css box.
Thank you!
excellent. Learning everyday! Thank you.
Can you also explain how i can remove the author name&date and how to decrease the size of the ‘box’? Idea is that the result looks like a plain list…
i tried this (custom css code) but the 2nd part doesnt seem to work…
.td_block_10 .td_module_9 .entry-title{
text-align: left;
font-size: 14px
}
.td_block_10 .td_module_9 .td-module-meta-info{
display:none!important;
}
Hello LarryCramer,
Unfortunately, yes this task involve additional customizations and we cannot provide custom work at the moment, sorry! If you want to do this, you will have to edit the core file corresponding with header style used by you. To adjust these settings you will have to use a bit of CSS to bring best results.
If you want to display more levels in our theme, and if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry! Please keep in mind that we do not have a custom work department which allows providing additional customization. Our support refers to only the theme basic settings.
Thanks for your understanding!
Hi Chris,
really thank you, I found your thread very useful and I followed to the letter.
As you know optimizations work very well on the desktop but not on the mobile theme.
in particular it is really strange that google indicate these 2 files above the fold
http://www.site.com/…r/assets/css/js_composer.min.css?ver=7.4
http://www.site.com/…hemes/Newspaper/mobile/style.css ? ver = 7.4
when in fact they are in the footer…
so, you have a step by step solution to this problem that we can suggest with your expertise?
any advice would be greatly appreciated, as always
Thanks!
HI
Try this css in theme panel > custom code > custom css: http://screencast.com/t/926OXnlHKRl
.td_block_10 .td_module_9 .entry-title{
text-align: left;
font-size: 15px
}
Hope this helps!
Thanks!
HI
1.You can set a background image from theme panel > background: http://screencast.com/t/Jcmt0v0mi If you set a background image the header and footer won’t be full width anymore, they will have a boxed layout.
for this setting have css code to solve ? don’t want to see the white color in the box.
Let me know. Thanks!
Hi,
I work with a child theme to override css styles from the main theme and some plugins. However when the mobile theme is active, the styles in my child theme are not loaded. Am i doing something wrong or is the mobile theme plugin not compatible with a child theme?
Thanks
Chris
You may find my optimization thread useful, and I’ll update this again soon.
Note the ONLY way to fully remove above the fold render blocking on mobile is to move style.css to footer, and then use a “Critical CSS Generator” to load ALL “above the fold” CSS content in the header file inline. Period.
Second, Google also has bee in their bonnet about “tap targets” — so stuff like tag or category links need padding between them for “tapping without touching other item” concept. Really annoying with stuff like footer text. But easily fixed with minor CSS tweaks.