- 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
Hello,
Do you use Child theme and added that css in style.css and not work? The Child theme should work, strange 😐
If you want you can give us access to your WP and we will take a look. Send via email at contact@tagdiv.com
Please add For Marius in subject and also put a link to this message in email.
Thanks for the message!
Hello,
Try with this, add it in style.css
.hcsb_container {
height: auto !important;
}Thanks
See the threads on page speed. Follow Radu’s recommendations for how he got the demo theme to be 90+.
REF: https://forum.tagdiv.com/how-to-make-the-site-faster/ .
To save you having to read Everything on the forum:
Fonts can’t be optimized on your side or by the theme, as they live on Google’s website. Digg buttons are loading from Digg’s website. No way to optimize that. I don’t think sharedaddy is part of theme. You either have to load the font stuff locally and optimize CSS since Google “dings” their own stuff in PageSpeed (!) or switch to web-safe fonts (see my and other comments above on this topic).
For styles, you need to either minify if you don’t intend to modify for your site; or use a WP minify plugin. See my link to the site I use to minify my css and js code.
WP by default loads elements in the head and “enqueues” them to render the page. All WP sites will have a “render blocking code” in head error. For javascript (.js files) You would need to try the optimization plugin included with theme, or a WP plugin which moves the js to footer “elegantly.”
Hope that helped. 87 is a great starting point and that means you’re in the “zone of safety” as I like to call it. 85 or below is “bad” 87-89 is okay. 90+ is rockin’. 😉
Chris
Hi I have 87/100 and I get these recommendations:
Suggestions Summary
Consider Fixing:
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 2 blocking script resources and 9 blocking CSS resources. This causes a delay in rendering your page.
None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.
Remove render-blocking JavaScript:
http://smashinbeauty.com/…-includes/js/jquery/jquery.js?ver=1.10.2
http://smashinbeauty.com/…s/jquery/jquery-migrate.min.js?ver=1.2.1
Optimize CSS Delivery of the following:
http://fonts.googleapis.com/…ietnamese%2Clatin-ext%2Ccyrillic&ver=3.8
http://fonts.googleapis.com/…t%2Cgreek%2Clatin-ext%2Ccyrillic&ver=3.8
http://fonts.googleapis.com/…illic-ext%2Clatin-ext%2Ccyrillic&ver=3.8
http://fonts.googleapis.com/…0%2C700&subset=latin%2Clatin-ext&ver=3.8
http://fonts.googleapis.com/…ietnamese%2Clatin-ext%2Ccyrillic&ver=3.8
http://smashinbeauty.com/…aper/external/td-bootstrap.css?ver=1.7.1
http://smashinbeauty.com/…ent/themes/Newspaper/style.css?ver=1.7.1
http://smashinbeauty.com/…k/modules/sharedaddy/sharing.css?ver=2.7
http://widgets.digg.com/css/buttons3.css
any help or?
Hi Marius,
You guys are very helpful.. thanks for the support.
Thank you for showing me the logo area.. I will remember that area in the future.. the theme is so robust. 🙂
Slider.. I understand now.
I added the code to my child theme style.css but I don’t see a change. I refreshed multiple times. Using an iphone to test. Any thoughts?
Thanks again for the help. You are awesome.
Will
Hello,
1. Go to Theme customizer -> Header and try with -10 like here http://screencast.com/t/7VIpUoacMse
2. Add this in style.css
.mobile-logo-wrap img {
top: 1px !important;
width: 132px !important;
}3. The big slider work like on desktop you have 1 slide(4 post) on mobile will be 1 slide to(but only with 1 post) What you can do is to increase the post number on the big slide 4post – 1 slide, 8 post – 2 slides, 12 posts – 3 slides.
Thanks for your message
Hello,
1. Replace with this http://www.tagdiv.com/theme/users/elements.zip
2. A simple option is to write the menu with UPPERCASE tagdiv.com/theme/users/elements.zip or if you want automatic add this in style.css
.sf-menu li a {
text-transform: uppercase;
}3. Is not possible, sorry about that, only what you can do is to make a backup of the database.
Thanks for your message
Hello,
Try with this css, add it in style.css
.td-page-wrap .span4.column_container {
background-color: #CCCCCC;
}but i don’t recommend this because is ugly, my opinion.
Thanks for your message
Sandall
Hi, be sure to clear your cache as you may be seeing old styles. Also, you may need to reset a few things you set in the “master” theme if they didn’t carry over when switching to child theme.
Suggest:
1) put the default style.css back in the /Newwspaper-child/ folder
2) then revisit settings to check your settings you started with from parent theme are all still there … in theory, should look same as you has the prior day.
3) THEN modify the style.css in child them to “over ride” stuff from parent theme.
I went through this same (mis)adventure in one case.
Hope that helped.
————-
Fun fact, one of my long time clients started using the Newspaper theme today on his news portal, which I thought was fun to see — had no idea until I went there to look at something and went, HEY! I know this theme 🙂
Thank you for reply @mbasche, I didn’t forget to import style.css from parent theme. Instead, it is set by default in child style.css.
Sandall
Maybe you forgot
@import url(“../Newspaper/style.css”)
?
Thank you Christopher for your suggestion.
I have activated Newspaper child theme, but it broke page CSS. Maybe, I did something wrong?
So, first, I uploaded Newspaper-child folder with style.css and functions.php files in it, into themes directory on web site. Than I navigated to Themes and activate Newspaper-child theme. Am I wrong?
Marius, i have set you a mail regarding this issue.
Thanks you for support.
Sandall
Hello,
Try with this, add in style.css
body .dd_buttons .dd_button iframe {
max-width:500px !important;
}Hello,
The slider have a transparent color, search for td-sbig-title in style.css and replace the color in this format http://screencast.com/t/ZmHkxqHI
For other issue you can use inspector from Firefox or Chrome to see how the CSS look.
Thanks for your message
Hello,
@Sandall you have managed the CSS from Child theme?
Hello,
Use the child theme, for custom CSS.
If you have made custom css, on updates you will lose the modification, because you overwrite the files.
Install the CHild theme and add you custom css there in Appearance -> Editor
Thanks
I think you can simply do a CSS override in child theme style.css
.entry-title { font-size:26px; font-family:Georgia,serif; font-weight:bold; }
not sure that is correct style, might be something like this — (this is probably wrong!)
.h1 entry-title { font-size:26px; font-family:Georgia,serif; font-weight:bold; }
I will be messing with this myself to add more leading above/below the header. Marius will likely answer more clearly before I get back on this. Just some ideas in case you’re anxious to mess with your custom.css to move on with your life …
It works for me. I use it to make the author box mini bios “smaller” since I make rest of the site text larger for better mobile/desktop experience, but then the bio gets huge.
Check that you’re stating the proper style, and class, and format that properly in the style.css file
e.g., to make the author box text a wee bit smaller (I made page text 15px);
.author-box-wrap .desc { font-size:13px; line-height:1.4em; }
OH… sorry, meant to say also, be sure you actually “activate” the child theme as your main theme … simply putting stuff in child folder won’t do anything unless you “activate” the Newspaper-child as your theme instead of Newspaper. This is one thing a lot of folks miss when working with child themes first time. 🙂
Hello,
Does anyone use Newspaper-child theme? It seems it doesn’t work for me. I have put a css codes inside style.css file inside Newspaper child folder and nothing happens?
Maybe I am wrong?
Any help?
Thanks,
Sandall
Hello,
You can change the font from Theme customizer -> google font for some section. If you want only in some individual places you can change the font via CSS in style.css
🙂
Hope this help.
Thanks for the message!
Hello,
If you use the Speed Booster plugin you have to change the theme color via style.css
Replace the default color blue(#4DB2EC) with your color, you can do this using a find and replace function from some text editor like Notepad++
Thanks for your message!
I just launched the new theme on my site.
http://www.theinspiration.com/
I get 85/100 on Desktop and 70/100 on mobile in GPS.
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.theinspiration.com%2F&tab=desktop
DESKTOP:
I really would like to optimize where I can. I use pretty large images on the site ( I know that), and I really would not like to compress them any more.
How do I?
A) Eliminate render-blocking JavaScript and CSS in above-the-fold content
– can I move javascript below the fold?
B) Leverage browser caching.
– I have FB and twitter buttons on the site, does this slow it down a lot?
C) Expiring Header.
– I am pretty confused about how much I could “save” By doing it
When I optimize something and test the site I get the same results.
Does GPS cache results?
I bought the theme yesterday but when I tried to install it, an error shows with this “The package could not be installed. The theme is missing the style.css stylesheet.” What should I do? I need to resolve this soonest
Hello,
Is only about style, you can style the breadcrumbs in colored boxes but i don’t thing will look nice because breadcrumbs have long sentences. You can style it via CSS somehow.
In that topic mentioned by you is about the breadcrumbs not work with pages and sub-pages.
Thanks for the message!
Hello there,
About page speed, i read a FAQ https://forum.tagdiv.com/how-to-make-the-site-faster/ and found:
-
make sure that you have compression enabled on your site for html/js/css but not for images
What is the best plugin for html/js/css compression which is compatible with Newspaper?
Thanks,
Sandall
