- 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
i did some custom css and for color there is a option is themepanel called themeclors so you can change it whatever you want 🙂 and if problem come let me know i will help you out 🙂
-Mosam
I’ve found that child themes are often an issue on our server, partially due to the CSS redirect. I try not to EVER use them anymore. It did cause issues for us, on multiple themes, not just this one.
Not sure this impacts you, but the other things that killed our server was a bot from Ukraine hitting our login panels over and over. “Limit Login attempts” plugin helped, and then in our case we had to block the entire country of Ukraine for abuse (!).
Optimizing the wp-config.php file helped a lot, too, putting in the actual paths to domain and also the the theme folder, to cut down on those queries for high traffic spikes. Couldn’t hurt 🙂
I have updated the child theme css, but the live website keeps getting an older version. This is what the source looks like:
<link rel=’stylesheet’ id=’td-theme-css’ href=’http://site.com/wp-content/themes/Newsmag-child/style.css?ver=1.4′ type=’text/css’ media=’all’ />
Were does the “ver=1.4” come from?
If I pull up that without the version is shows the current file. Is this a wordpress generated thing or a theme generated?
Hi everybody
when i’ve finished to insert my products in Woocommerce, CSS (i think) is fall down and the Woocommerce pages doesn’t work properly.
Every items are in colums in the woocommerce shop page and the single product page doesn’t work too.
I need to publish my site but i can’t in this way. How can i solve?
Please!
On the “welcome” tab for theme panel, note options at bottom “install demo data” and “import theme styles.”
Demo data typically for working on blank site (not mixing with existing live site content), while the styles import custom CSS to change layout colors/fonts.
Does the Newspaper theme support code minification (compression of HTML/CSS/JS/JQUERY… code)plug-in called Autoptimize ? We have too many CSS / JS in our theme and it looks like it still need to be optimized (see : iphonologie.fr).
Thanks for your answer
Code To Text Ratio
EXPLAIN THIS
Your page size (source code) is 97.55 Kb and your content text size is 8.69 Kb. Your content text represents 8.91% from your webpage source code. This is a low ratio and you might need to add more content!
HOW TO FIX
In order to pass this test you must increse your text to HTML code ratio. Here are some tehniques:
move all inline styling rules into a external CSS file
move your JavaScript code into a external JS file
use CSS layout instead of HTML tables
Caching is usually the problem. We went through this with Amazon CDN, where my brother in Washington state would see diff. version of page (old CSS).
Ultimately during development we don’t use CDN or anything, get site working, then do anything with CDN/caching, etc. as “last mile” of the dev process.
One more thing-
>And apply some css to make it white – http://screencast.com/t/MEITPzjS
I added this CSS and it worked. But it also changed all another body section expcerpt made white-out…
Should I add custom class? Could you please advise?
Hi,
You can leave the code like that because it’s above the breadcrumbs.
It is appear bellow because breadcrumbs have absolute position, so leave the code like that and try this css for default template: http://screencast.com/t/wPEM61LWjh1
.td-post-content .entry-crumbs{
position: relative !important;
}
Result: http://screencast.com/t/xQJOCXunQ
Thanks!
I added in css file:
/* ----------------------------------------------------------------------------
post-grid
*/
.post-grid{
padding-left:1px;
}
and replace <div class="td-container"> on <div class="td-container post-grid"> in single.php
Thank you very much! Works!
Hi,
I’m sorry I forgot to tell you to delete comments line. If you want to have comments above Big Grid please edit like this: http://screencast.com/t/BlYCNb8eWs
If you want to leave comments above Big Grid you can paste only Big Grid shortcode (that you figured out): http://screencast.com/t/t2Af1FqNZ
I’m not sure if this is the issue, but you can add an extra class to container div(post-grid) like this:
<div class="td-container post-grid">
<div class="td-container-border">
<div class="td-pb-row">
<?php
echo do_shortcode('[td_block_big_grid]');
?>
</div>
</div>
</div>And use this css: http://screencast.com/t/Y6a9eVGw9
.post-grid{
padding-left:1px;
}
Hope this helps!
Hi,
@Rabattix – please provide the url so i we can take a look, if you don’t want to post it here send it via email at contact@tagdiv.com , sometime the pagespeed test reports render blocking even if the elements are moved at the page bottom.
@nelito – the other pagespeed improvements are way more important than moving js/css at the page bottom, also it won’t lower the cpu usage. To improve on that you have to reduce the number of queries (fewer plugins, fewer blocks on page, reduce the elements which use ajax requests/pagination like mega menus/load more/infinite load), use cache, set the browser leverage cache, eventually use MySQL Query Cache. If you’re unhappy with the theme please send an email at contact@tagdiv.com and we’ll come with a solution.
Thank you, Emil G.
Hi,
Please try this custom css: http://screencast.com/t/cIocqtEBxu
.td-full-layout .td-menu-background{
box-shadow: 0px 3px 7px 3px rgba(181,103,103,0.67);
}
Maybe it needs -webkit-box-shadow and -moz-box-shadow to work.
Thanks!
Hi,
Please try this custom css for categories title: http://screencast.com/t/KzL0KNJHxOdF
.category .td-page-title span{
font-size: 20px;
font-family: Ubuntu;
}
It will customize all categories title, if you want to change font only for a specific category you will have to use category-id class: http://screencast.com/t/nTwDEMbiz
You can find category id on Post > Categories: http://screencast.com/t/zsOcRDeevHv1
Also I see that you permalink that display id of category: http://screencast.com/t/uXKSYb4yBC
Hope this helps!
Hi,
You don’t want to hide entire big slide on mobile view. If you want to show only big image from the slide please try this css:
@media (max-width: 767px){
.td-big-grid-post-1,.td-big-grid-post-2,.td-big-grid-post-3{
display: none !important;
}
}
Result: http://screencast.com/t/6i26EXXGmtU – http://screencast.com/t/uiJCSK7hUj
Thanks!
Hi,
Please provide a screenshot how yo put the code and result.
I did exactly like you see in screenshots, I did not made any other modifications(css..).
It should work in your case also.
Thanks!
Hi,
There is an option for blocks in settings: http://screencast.com/t/2I1FhAvKUOYN
Also you can find more in our documentation: https://forum.tagdiv.com/layout-border-missing-or-removing/
But I think that it is not what you mean, so for example if you want to change border color for sidebar: http://screencast.com/t/zoX4NPFK You have to inspect and change it with css code: http://screencast.com/t/0M04Yg27Alf
.td-pb-row [class*="td-pb-span"]{
border-left-color:white
}
You have to inspect individually all widgets to change border color: http://screencast.com/t/Xv05pZKx9mG
Hope this helps!
Hi,
Please use this custom css: http://screencast.com/t/XCS9Eztym2O
.td-big-grid-post-1 .td-excerpt,.td-big-grid-post-2 .td-excerpt,.td-big-grid-post-3 .td-excerpt,.td-big-grid-post-4 .td-excerpt{
display:none;
}
Thanks!
So I used a diff check tool, and all my files are identical for style.css on live and staging. :/ This is hard. I don’t know what is causing this issue.
Additional: Here is the problem with the mega menu. Screenshot Imgur. http://imgur.com/414bwJw,GO3EBgC
Follow-up: Looking at my css in staging, I see the css is correct.
.td_block_mega_menu { padding-top: 20px; } style.css:4026
But, looking at the css of my live site, I see the css is incorrect and missing that part.
Here is the correct CSS code section. http://screencast.com/t/LiXKdbBuxh2w
Here is where the CSS is missing on my live site. 🙁 http://screencast.com/t/Tonlckv8Ju48
Thank you for looking into this. I think this is a real and complex issue. I would love a resolution since my mega menus look like crud on my live site without top padding.
Somewhere along the way, my theme css is messed up and causing my mega menu to not have enough padding above the images. Also, the sidebars are at 0 top padding too and this causes a miss alignment on the front page between block titles and pages with sidebars.
This wasn’t the case before an update and somehow it got adjusted. I can’t find the css that is causing it. I’m pretty sure it isn’t custom css that I inputted, because I checked all the places where that could be happening.
What is even weirder, is that when I look at a snapshot of my site in staging, it shows it with the proper spacing. http://bit.ly/1DHMIwo it looks just fine. It’s the live site that is missing the padding for some reason. http://bit.ly/1zNynwZ (not, on the front page, I have 20px VC space block in place above it to make it look “even”; in the staging site, you see that 20px added to the normal padding to cause the title to sit lower)
http://screencast.com/t/97AW3LY1xyjm
no padding space above “Text with title” block between two “block 4”, 3 column VC.
http://screencast.com/t/XQ4FBvKc
no padding space above sidebar “social counter” widget title
The current version of Visual Composer is a memory hog. Not directly related to theme.
Hopefully next version will be better.
Ironic how so many people were whining about not getting the latest version of VC the moment it was released, and now they have it, it’s not that great.
My site has 95 speed rating without modifying the speed booster file, using all my recommendations.
Render blocking css/js are not a deal breaker for the web. If you can fix everything else you’re good.
Of course, I’m spoiled with 12core XEON and 32GB RAM.
Simply rename the theme folder, and edit the style.css to your new theme name.
This is described in the WordPress official docs (codex) which are a great resource for learning how WordPress works. 🙂
REF:
http://codex.wordpress.org/Theme_Development#Theme_Stylesheet
Oh I have a last problem. As I would like to change this font :
http://www.journaldufranc.com/wp-content/uploads/2015/02/font.jpg
If I understood correctly, I can’t with this template style.
Is there any way to do it with css ?? I know css a bit but the way your template is built far exceeds my understanding.
Thank you.
