- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
@mehedi thx for asking how to do this,i was playing around for weeks to do this and could not get it right..now my site look better with out that border and lines..and the hover over color is awesome,i wish the team can make style 8 like this… instead we using CSS code because it look really nice after adding the CSS code…
Hi
I have just noticed a bug on the search button: http://screencast.com/t/2r1wWrpvi
Is there any fix for it?
Thanks!
Hi,
The CSS Worked but I have noticed that there is a simple issue with it: http://screencast.com/t/JpS0pQWc9DL
The color of the post titles also changes if the page is active. Is there any way we can fix it?
Thank you!
Actually I am using already an image for background of the theme. What I wanted was more inbetween the block of content. Found some ideas in this topic : https://forum.tagdiv.com/topic/changing-full-background-color/ however the CSS it suggested got the color not only around the articles as I wanted on the home page but also as background of each single article from within the site
Thanks
Hi,
Those elements can only be targeted with custom css. By Mega Menu background you refer at the window or the button? You can use the browser inspector to look for the classes used on the respective elements and change their background color using css, for example:
http://screencast.com/t/UUs4UKFe
.td-mega-menu {
background-color: red;
}
Thank you, Emil G.
Hi,
Please use this path for the background-image, and add the css like this:
.td-s-s-32-meetup {
background-image: url('http://www.totsintow.co.za/wp-content/themes/Newspaper/images/meetup-logo-32-grey.png') !important;
}Should work fine now: http://screencast.com/t/7leBJKfn
Thanks
Hi,
On the latest version of Visual Composer some classes were changed by it’s developer and we had to override them so that the plugin would still work with the theme. In the process the buttons css was lost. We have the issue on our list and we’ll try to fix it in one of the next updates. Sorry for the inconvenience.
Thank you, Emil G.
Hi,
Replace the code from menu-header.php file with this one: http://pastebin.com/5C9Nz1wD This will make the menu full width and remove the header search.
Regarding the header background image, use this custom css in theme panel > custom css: http://screencast.com/t/fv08Lf8eN
.td-boxed-layout .td-logo-rec-wrap, .td-boxed-layout .td-affix .td-logo-rec-wrap, .td-full-logo {
background: url('https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcS1snmw3W4bY_-Lpbd_am2QprWg5D5H10CR0IQOZa9AsHV6z3h1iw') !important;
}Replace https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcS1snmw3W4bY_-Lpbd_am2QprWg5D5H10CR0IQOZa9AsHV6z3h1iw with the URL of the image you want to add as a header background.
For the other matter you can use module 7 layout or send an e-mail at contact@tagdiv.com with an request for an tutorial on how to build a custom block.
Thanks
Hi,
Is there an option to have different items in the mobile menu to the desktop version? I can’t find the option to set the mobile menu content.
I did see this https://forum.tagdiv.com/topic/different-mobile-menu-when-using-megamenu-on-desktop/ . If this is the only way to do it what would the custom css be to hide subcategories which duplicate under the mega-menu on desktop?
Thanks,
Sean
I want to optimize site speed as: delete google fonts, optimizing css, js, then how?
I removed CloudFlare and brought a CDN for WordPress 🙂
Hi,
Use this: http://screencast.com/t/R2sbQHswC
.td-style-8-menu-wrapper .td-li-wrapper-menu .sf-menu .current-menu-item a {
color: red !important;
}Thanks
Hi,
Could be possible to do it via css, please send me your site’s URL, I need to inspect this so I can provide you solution for it.
Thanks
Hi,
This happens because the custom ad boxes you have added aren’t styled. As we don’t provide the theme with this extra custom ad boxes we also don’t add a style for them.
What you can do is to add the css in your custom css filed in theme panel after each theme updated or you can add this style in your style.css file or you can use this child theme
Either way you chose to do this you will have to add again the css for new custom ad boxes after each update except if you use the child theme but note that using the child theme you can’t change all files using it, I’m not sure that the files td_ad_box.php and panel_ads.php can also be modified using it, my advice is to make a copy of all the changes/files you have made/modified and make this changes after each update on you main theme.
Hope this helps!
Thanks
Hi,
The theme doesn’t have a feature like that and you will need custom work to do this and we cannot provide any type of custom work at this time as we are working hard in development, updates and support. If you don’t have any basic php/html/css knowledge and can’t managed this alone we recommend you hire a developer to do this for you or you can try to find a plugin that dose that.
You can also send an e-mail at contact@tagdiv.com and we will send send you a tutorial on how to build an custom block, specify this in your message subject.
Thanks
You can use the garavatar caching solutions i mentioned, unless using disqus
You can optimize delivery of google fonts by loading css from your style sheet
Check site with gtmetrix to see what server elements you have not addressed, since you should have at least. 80 if you have setup server side compression and htaccess elements, etc.
Tagdiv speedbooster plugin helps with the js,css stuff.
I’ve got a few questions on Pagespeed that hopefully some of you can answer.
1 – I’m trying to figure out the best way to improve my server response time. It varies anywhere from 0.4 seconds to 0.8 seconds. I upgraded to a Liquidweb SSD VPS with 3 GB of RAM hoping that would take care of it, but it didn’t – it made it through a heavy day of 30,000+ pageviews, but I still can’t seem to get the response time down. I’ve disabled plugins, but to no avail.
2 – I’m running W3 Total Cache along with Tagdiv speedbooster, and I am still getting the render-blocking CSS and Javascript errors. I’m assuming I can edit the plugin file to get rid of these, correct?
3 – I have a pagespeed score of 61 on one of my posts and I believe it’s related to all of the calls to fetch Gravatars for comments. On a page with few comments, the pagespeed score increases. Here’s a screenshot:
Lots of comments (Pagespeed Link):
Few comments (Pagespeed Link):
I would think that the only difference here is all of the external calls to Gravatar. It seems like there has to be a better way to display 200 blank images rather than calling 200 separate URL’s to obtain the same image – Also, Google is complaining that they aren’t “compressed” enough…
Thanks for any help you can offer! I’m hoping to get up to at least upper 70’s or 80 on mobile. I have Adsense, Google Analytics, and Piwik Analytics going so I know that will prevent me from getting too high.
I posted how to do this recently, but don’t have the link, unfortunately. Perhaps do a quick forum search.
Remember, too, to search/replace the calls to Google fonts in the style.css file, too. And ensure you turn off your cache if using one, prior to making changes.
Also note some folks have trouble doing this when using child theme, if the child them css calls the fonts or a fuctions over ride file calls them.
I think you need to remove the whole section in 4.2x in functions.php which if I recall was lines 41 to 84 … you’re basically removing that “function” ….
Thanks Lucian,
That was the setting I used, but a line was missing from the CSS file that applied the setting to the smaller (3 boxes to the right of the big box) boxes in the big grid on the big slider for th home page.
I am not sure if this is a problem with the latest version of the theme or if somehow the line was edited by me accidentally. Regardless if anyone else has this problem they can use my solution above to correct it.
Best Regards,
Luca
Hi,
I spoke too soon. It is only half working. It is showing up on the home page perfectly, however, the logo isn’t showing up on any of the other pages even though if you hover over the spot where it should be you can still pick up the link? I have checked the widget and all my pages are supposed to have the same menu’s everywhere so not sure why the fb & twitter still work but not the meetup logo? Is it perhaps where I am saving the file?
This is the CSS I added.
.td-s-s-32-meetup {
background-image: url(‘wp-content/themes/Newspaper/images/meetup-logo-32-grey.png’) ;
}
Thanks
Hi,
My Goal: Removing all calls to Google Fonts (I only want Latin Fonts to increase site speed).
(I’ve done this in the past, but it looks like the code changed in 4.0.)
Question: How do we remove calls to Google Fonts (in order to increase site speed)?
So far, I have used theme panel to switch from Google fonts to Latin fonts.
But, when I delete lines 48-49 from functions.php:
wp_enqueue_style('google-font-rest', td_global::$http_or_https . '://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic|Ubuntu:400,400italic|Open+Sans:400italic,400|Oswald:400,700|Roboto+Condensed:400italic,700italic,400,700'); //used on menus/small text
I get an error (white screen of death) when deleting these 2 lines. If I can get rid of these lines (without getting an error) I think I will have gotten rid of all the calls to Google Fonts. Can you help with the proper code?
Note: I have already deleted lines 61-84 from functions.php. (as that was the old way to remove Google Font calls).
Thanks!
~Proud User of Newspaper Theme
Can u help us in creating the responsive css for the Previous … Back to Gallery …. NEXT
Here is the sample form attached
How can i make the logo in the same line as style 8 menu,the changes i try too do in the theme panel don’t take effect..is there a CSS code i can use to bring the logo in style 8 down to be in the same line as the menu…
I tried to change my background but it did not change to the color. Previously, I tried to add a grandient background by placing the code in the css edit but that did not work either. What am I doing wrong? URL: http://wg206.org Thanks
