- 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,
Use this CSS, add it in Theme panel -> Custom CSS
.header-logo-wrap .td-logo-text {
font-family: your font;
}
.header-logo-wrap .td-tagline-text {
font-family: your font;
}Thanks!
hi,
YOU DON”T
my advice is to use images bigger then 1024, in this way when wordpress crop the images, will crop theme big enough.
if the image duos not fit (ex: slider) you can use css to stretch it.
like I said, only in the function.php we tell wordpress what size to crop the images.
Thanks for you message.
Radu A.
hi,
use Kronos17 css here: http://screencast.com/t/ilMOMmd5wx .
Thanks for you message.
Radu A.
Hi,
@Christopher we fixed this issue with the stock theme some time ago. The style and js is called with style.css?v=theme_version – so with each theme release, we serve different style url so that it won’t be cache.
@MobileCuisine i’ve tested your site and it now looks the same on all the browsers http://screencast.com/t/KPdkQgqSu . It may be a caching issue as Christopher pointed out
Radu O.
hi,
way don’t you take a big picture and upload it (bigger then 1024)?
way do you do stuff like the one you deed, copping and resize yourself ?????
the resizing is done automatically by wordpress, this is where the theme tells wordpress what size of images needs to cut: http://screencast.com/t/wzb5ks92mF .
another solution is from css to increase the size of the photo on the big slide.
Thanks for you message.
Radu A.
Hi,
I would like to add a tagline to the header, is there a way to do so?
And I’m using the big slider block and would like to remove the grey background on the featured images. All css codes I tried so far didn’t work. Any resolution to that?
Remove render-blocking JavaScript:
http://www.thenerdmag.com/…8a9607354adbff25f.js?m=1400337905&01f91d
Optimize CSS Delivery of the following:
http://www.thenerdmag.com/…5699f73ed8f23187.css?m=1400337951&01f91d
http://fonts.googleapis.com/…lic-ext%2Clatin-ext%2Ccyrillic&ver=3.9.1
http://fonts.googleapis.com/…2C700&subset=latin%2Clatin-ext&ver=3.9.1
http://fonts.googleapis.com/…tnamese%2Clatin-ext%2Ccyrillic&ver=3.9.1
how can I solve this please help 🙁
Radu, now I have changed my mind. I am using speedbooster again, with all the features it has.
please have a look at this
Speedbooster plugin makes some of the fonts go down, it’s cool. However, there is still one google font link left at the header.
http://fonts.googleapis.com/css?family=Droid+Serif%3A400%2C700%7COswald%3A400%2C700%7CJosefin+Sans%3A400%2C700&ver=3.9.1
Can you update the plugin to include these fonts?
@Radu when ever I try to enable CSS minify in W3 total cache my whole site crashes and only adsense ads are displayed.
Hi, don’t know if this will help … we had this same issue on one site and was driving me crazy. Turns out the CSS had been cached by the visitor’s browser, and so when they returned it would show them old layouts/missing elements etc.
In our case, we had to turn OFF the caching and mod_pagespeed entirely for several days on the site to let everybody load the new CSS/JS stuff and not the old stuff. Then the refresh worked for folks where their browser wasn’t clearing the cache properly. Tended to be more often with Firefox.
I waited 4 days then turned the caching and mod_pagespeed back on and it seemed to have solved the problem.
Not sure this will apply to your case, but might be worth a try.
That is available only on our widgets(theme widgets) not default one. Do you want to change that on all title?
You can use this CSS, add it in Theme panel -> Custom CSS
.block-title a,
.block-title span,
.block-title label {
background-color: none !important;
color: #222222;
padding: 3px 0px !important;
}Thanks!
Hi,
You can add it manually like here: http://screencast.com/t/7ky4Kef0V2
<div class="td-my-tags"><a href="#">life</a><a href="#">peoplee</a><a href="#">politics</a></div>
and add this CSS in Theme panel -> Custom CSS
.td-my-tags a {
background-color: #B3B3B3;
color: #FFFFFF !important;
font-family: 'Roboto Condensed',sans-serif;
font-size: 11px;
font-weight: bold;
height: 18px;
line-height: 17px;
padding: 1px 8px 2px;
margin-left: 10px;
text-decoration: none !important;
text-transform: uppercase;
white-space: nowrap !important;
}And tune it like you want.
hi,
to change the color of the
, use this css in the themepanel css section
hr {
color:red;
background-color:red;
}
unfortunately the size cannot be easly change. only if you add it like so in wordpress:
<hr size="30">
Hi Marius,
thanks! I could add the logo to the menu! Is it possible to provide me the the right css so that the main logo above disappears when you see the page on desktop & tablets but is shown when I visit the site on a mobil device?
This is the site: http://viralstories.de/
THIS would be awesome and you would save my day!
Thanks a lot
Philipp
Hi,
1. Do you mean about the widgets title line? Show us a link or a screenshot. If yes the color can be changed individual for each Block from Header color http://screencast.com/t/J5sAbhcEOqO and about the size can be done via CSS.
2. Use this CSS, add it in Theme panel -> Custom CSS
.wp-caption-text {
font-size: 10px;
font-style: normal;
}Thanks!
Hi,
it should work. Can you give me a link to a page that uses a module that is modified to show the author? Maybe is some kind of css that is hiding it.
Radu O.
Hi,
You can put you logo directly in menu, like a link using <img src="link to your logo" /> then you need to adjust it a little via CSS. http://screencast.com/t/klXNT9666Z2
Add the logo and if you don’t manage it to fit it, give us a link to see the issue and we will provide you a CSS.
Here is an example but is only on scroll, scroll down to see the logo: http://www.uesmag.com/
Thanks!
@uzairfreak
you may wish to read through the sticky page speed thread at top of forum, as I posted various tips for compressing CSS and java files.
If you’re using GTMetrix, to test your site, it will also offer to give you optimized versions.
SEE: http://gtmetrix.com/reports/www.thenerdmag.com/2nMdQOEd
Theme is only compatible with these versions: IE8 and above; primarily because it has elements of Bootstrap “3” which basically says anything old isn’t worth supporting. I think tagDiv has some of the shim stuff for some backwards compatibility, but if you note the clearly identified compatibility info for theme on Themeforest:
Compatible Browsers IE8, IE9, IE10, Firefox, Safari, Opera, Chrome
This means anything below IE8 may not work, as much of the CSS presumes IE8 or later. You may need to use a browser sense javascript to switch to different theme for older users.
Wish I had better answer. The latest default theme for WordPress won’t support IE6 either.
There are some IE6 compatible themes here: (NOT an affiliate link)
http://themeforest.net/search?order_by=sales&term=ie6+support
How can I compress that CSS file online and which css file.
Hi there,
thanks for this awesome theme! I would like to know if theres an css option to bring the logo and the nav bar in one line like mashable.com.
This would be super sweet!
Thanks a lot
Philipp
Hi, thanks for the answer, I’m gonna read that topic.
kadininrehberi.net here is my website
I guess the fonts are these.
<link rel='stylesheet' id='google-font-opensans-css' href='http://fonts.googleapis.com/css?family=Open+Sans%3A300%2C400%2C600%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=3.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-font-ubuntu-css' href='http://fonts.googleapis.com/css?family=Ubuntu%3A300%2C400%2C500%2C700%2C300italic%2C400italic%2C500italic%2C700italic&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Clatin-ext%2Ccyrillic&ver=3.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-font-pt-sans-css' href='http://fonts.googleapis.com/css?family=PT+Sans%3A400%2C700%2C400italic&subset=latin%2Ccyrillic-ext%2Clatin-ext%2Ccyrillic&ver=3.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-font-oswald-css' href='http://fonts.googleapis.com/css?family=Oswald%3A400%2C300%2C700&subset=latin%2Clatin-ext&ver=3.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-roboto-cond-css' href='http://fonts.googleapis.com/css?family=Roboto+Condensed%3A300italic%2C400italic%2C700italic%2C400%2C300%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=3.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-fonts-style-css' href='http://fonts.googleapis.com/css?family=Droid+Serif%3A400%2C700%7COswald%3A400%2C700%7CJosefin+Sans%3A400%2C700&ver=3.9.1' type='text/css' media='all' />But I only want to move these, for js and css I am using another plugin, so I don’t want speedbooster to interfere in anything except google fonts.
Hi Marius,
thanks for your answer. Custom CSS did fix my problem.
Best Regards,
David
Hi,
give me your url please I need to see what are fonts are you using and get the id after that I can send you the speed booster modification to only move the google css.
We also have here a nice discussion about how to modify the speedbooster plugin to move whatever you want to the footer: https://forum.tagdiv.com/topic/can-i-add-plugins-css-to-footer/#post-6348
🙂
Hi,
@uzairfreak you are getting a very good speed.
from here: http://screencast.com/t/sGX4rgLlfkA
1. the files are served to slow by your server – use a cdn or … if you are familiar with nginx use that instead of apache
2. try to manually compress the css using an online css compressor maybe that will make get a better score without updating / configuring the server
The speed booster plugin is working on your site (make sure that you empty the cache when you test with or without it).
sorry for the delay… we try to answer all of the questions as fast as we can.
@Vinay Prajapati – please give me your site url!
@mixvice – our speed booster plugin is moving all the stuff at the bottom
@Steven – google’s pagespeed tools gives a better score with css at the bottom but you lose html5 validation 😐 .
