- 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
Hi,
I just purchased newspaper theme from themeforest.net
Getting this error while installation that style.css missing. Theme failed to install.
Any solution?
hey!
you can use the custom CSS we came up with as so: adjust as needed: – add to either your custom CSS box, or perhaps bottom of your style.css depending on how you are customizing your site.
#disqus_thread {
padding: 30px 15px 0;
margin: 0 auto;
border-top:2px solid #DDD;
}
Hi, this is our site (in dev)…
http://avenaliok.demoempatic.com/
how you can see we have many menu items.
Can you help me to fit in in one single row (with custom css, with some custom config or also) ???
Tnx a lot,
Max
Yes I know but that css that I provided to you doesn’t cause this issue. Try to disable this wp-mailinglist this may cause this issues – http://screencast.com/t/7invaqnjQ
Thanks!
Hi,
I have checked your site and you use your code in this div – http://screencast.com/t/boEHllrjKND to display it like we recommend to display image banners – https://forum.tagdiv.com/ads-system-full-guide/
Try to paste your code directly in header ad section without any div or use all those divs also for tablets and phones.
The css code is added automatically to that class on mobile devices – http://screencast.com/t/JfGky8Dv – http://screencast.com/t/ff21kn4jdpof
Result: http://screencast.com/t/ltoVVENqX
Thanks!
Hi,
Please try this custom css in Theme Panel > Custom Css:
.td_block_big_grid .td-animation-stack .td-module-thumb .entry-thumb {
opacity: 1 !important;
}
Thanks!
Hi,
I’m not sure what you mean about customize footer2 and footer3, please provide more details about what you want to do. There can be used some custom css if it needs.
Thanks!
On my fron page in one part i am using block 16. Block 16 comes with 300×194 images but css makes it 200×130
when i check i do not see these size on the block settings.
How we can solve this issue?
Hi,
You can use another footer style for example: http://screencast.com/t/F5VUBfFBj and add widgets in footer section – http://screencast.com/t/XWpLWU0mZ
Unfortunately you will need custom modifications to use a custom footer for each page. We work hard on development, updates, fixes and support so the time and resources don’t allow us to provide custom work.
You can use custom css to hide footer on a specific article or category – http://screencast.com/t/hqDXgBKv8aO – http://screencast.com/t/I4Pqwix6dj
.postid-xx .td-footer-container {
display: none
}
.category-xx .td-footer-container {
display: none;
}
Take ID of the post – http://screencast.com/t/2HM2LjQ8BT or category ID – http://screencast.com/t/mmhAeJvokcRA
Hope this helps!
Hi,
Unfortunately the theme doesn’t have an option for this, you will need custom modification to achieve that.
For header style 4 the logo is called in the menu – http://screencast.com/t/2Uvbl1B7d you can cut the code from here and add it in the header style 4 template – http://screencast.com/t/e5vlZgDXE8
You will need also css adjustments – http://screencast.com/t/Z7peKWbSjDZ – http://screencast.com/t/NXEr2ULbBg
@media (min-width: 768px){
.td-header-style-4 .td-header-menu-wrap {
float: left;
}
}
@media (max-width: 767px){
.td-header-style-4 .td-main-menu-logo img{
top: 80px;
z-index: 100;
}
}
You may need more css customization you can take this as reference and customize it like you want. Also if you don’t have basic php/css/html experience I suggest to hire a professional to do this for you as we cannot provide custom work for the moment, sorry!
Also you can use media queries and position absolute for your logo, but you need to add a another position on different screen sizes.
For example: http://screencast.com/t/SvgdqKuuS8
Thanks!
Hi,
You will have to use div container for your images(that you want full) and use a class so you apply custom css to that class. Just take a look in the backend how this div is added – http://screencast.com/t/2ByHtLSqy1vM and add your own div when you don’t use the plugin – http://screencast.com/t/XLd6t89Z0q
Thanks!
Hi,
Try to use this custom css for mobile screens(this code is applying on default share button – without css customization): http://screencast.com/t/7mrc9umFkkpZ
@media (max-width: 767px){
.td-social-sharing-buttons .td-social-but-text {
display: none;
}
}
And use also for your created css media queries so the above css will apply for mobiles and you customizations it will apply from that screen size.
@media (min-width: 768px){
your code
}
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
You did not use the right quotes, please copy code that I provided to you in Theme Panel > Custom Css: http://screencast.com/t/irm5sfVs – http://screencast.com/t/Dv8Pcxi9hx
Thanks!
in td_less_editor-style.php
you include Sources via:
echo ‘
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Vollkorn:400italic,700italic,400,700);
‘;
But this of course leads to very bad errors, when using the site with SSL. These resources will not be loaded. Please only include Resources Protocoll-Relative/Protocoll-Indpedant like (not tested):
@import url(//fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);
@import url(//fonts.googleapis.com/css?family=Vollkorn:400italic,700italic,400,700);
Please fix this in a new vesion!
Thanks
Hi,
Please try this custom css for mobile device: http://screencast.com/t/cdjOmwMN4oq
@media (max-width: 767px) {
.td_block_big_grid .td-big-grid-post-0 {
height: auto;
}
}
Thanks!
Hi
all of my optimization sticky applies to both themes 🙂
If you have file editing enabled in WordPress then you should be able to select all and replace all in the style.css file from the editor — we have that capability disabled for security purposes, so I’ve not used that for at least 5 years or more —– so no idea ! Seems like it should work.
Benefit of replacing the original file, is you can via ftp, rename the main style.css to xstyle.css, upload your modified file; if site doesn’t work, you just rename the other file back and boom you’re back.
Doing it from the file editor may work, but generally your style.css file shouldn’t be “writable” for security purposes.
Hello,
Chris posted this in the Pagespeed topic:
“Open style.css in a text editor, such as TextPad on Windows, BBEdit on Mac, or other pure “text editor” – notepad on windows works (NOT WordPad!!)
Go to http://cssminifier.com/
1) in your text editor, select all in the style.css file (CNTRL+A), and copy (right click copy, or CTRL+C)
2) paste into the left box on above website (right click paste or CTRL+V), click minify
3) copy all from right box
4) paste back into your style.css file on top (over/replace) — it should now look line one long string of code, not all the line breaks. This is what “minification” does; it removes spaces and line breaks (returns).
Optionally, make new text file called style.css and upload over the original (assuming you’ve made a backup). With a good text editor, you can also save with proper line breaks (for Unix servers, for example you should save stuff with “unix line breaks” and not “windows line breaks”) — hence something like TextPad 5 or BBEdit are good choices for this kind of stuff. Other freeware “programmer editor” software works, too.
This is how you manually minify the main style.css file. Must be done after every theme update; but literally takes less than 5 minutes.
You would need to replace the original style.css file either via FTP, or using a file manager in your hosting panel.”
I have 2 questions:
1. Will this also work for Newspaper (the entire pagespeed post?)
2. It says you need to replace the original style.css file – can I just replace the minification in the editor in wordpress?
Best,
Carly
Hello world, I would have to inform you that this message was translated from French to English using Google Translate.

Hello team, I have another problem at the sub-footer I not write the signature on the same line. I effetué modifications in the CSS file, but I not solve the problem.
@Chris I have gone through whole of your tutorial and fetched some very useful information from there especially optimization through functions.php. However,in one of your post you mentioned that no more pagespeed support (My understanding)so I deliberately avoided requesting you.
I am little stuck with Javascript and CSS error. I have tested it with and without speedbooster plugin and result almost remains the same with no difference in score with almost same number of items appearing in Pagespeed insights.
Cloudflare resolves the JS issue but menu typography does’nt work well in FF and IE when served through CDN.
Can you help me in this regard?
Hi,
I modified the social icons for my website, and it looks great on desktops and large screen devices, and smartphones(in landscape position). However on smartphones in portrait position, the faceboook and twitter icons are too big. How can I adjust the size of the facebook and twitter icons to be just like the google+ icon (see http://tinypic.com/r/5zmwrb/8 ). I know it has something to do with using @ to specify for screensize in css, but I don’t know how to go about it.
Thanks in advance
Hi,
Please try this custom css: http://screencast.com/t/ivWMx3f4b9
.single_template_4 .td-post-featured-image img {
width: 100%;
}
Thanks!
Hi,
You need custom css also for ad as you changed the post content width and the ad width is larger then content. You can try this custom css: http://screencast.com/t/On8ZyCKt737
.single_template_6 .ad1 {
transform: translateX(-30%) !important;
}
Thanks!
Hi,
Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/jKfEEAkMoJ
.td-footer-wrap .product_list_widget li ins {
background-color: rgb(53, 53, 53);
}
Thanks!
Hi,
Please try this without any plugins active, leave just Visual Composer plugin active, empty cache and check if you still have this issue. Also try this without js/css minification. Let me know!
Thanks!
Hi good day.
What do I need to do in order to make the text show up on my homepage footer? (See screenshots below)
As it appears now: http://www.screencast.com/t/u860xNYbP
When I highlight the text: http://www.screencast.com/t/ZWwHqhtd92k
So the text is there. I just need some CSS to change the background and/or text color.
Can anyone help?