Is fixed, you need to make the update again. If you want to change the H like you want, change it from style css: http://screencast.com/t/I0d1fxtdeeW
We will add today all those setting to be in Theme panel.
Thanks for the message!
hi,
thank you for reporting this issue, we will take a look.
I also see that your site looks very different from the main theme.
I’m guessing that speed booster changes the loading order of css (all the css that your site is ussing).
Thanks for you message.
Radu A.
If I can help, I found the lines in the CSS file to “restore” my configuration. I specify that I use a child-theme.
Line 2100 : .td.post-text (for post font) – I simply erased this parameter.
And I erased also those lines for my titles :
.td-post-text-content h1,
.td-post-text-content h2,
.td-post-text-content h3,
.td-post-text-content h4,
.td-post-text-content h5,
.td-post-text-content h6 {
font-family: ‘PT Sans’, sans-serif;
color: #222222;
font-weight: normal;
margin: 25px 0px 27px 0px;
}
.td-post-text-content h1 {
font-size: 40px;
line-height: 46px;
font-weight: bold;
}
.td-post-text-content h2 {
font-size: 36px;
line-height: 42px;
font-weight: bold;
}
.td-post-text-content h3 {
font-size: 32px;
line-height: 38px;
font-weight: bold;
}
.td-post-text-content h4 {
font-size: 28px;
line-height: 34px;
font-weight: bold;
}
.td-post-text-content h5 {
font-size: 25px;
line-height: 32px;
font-weight: bold;
}
.td-post-text-content h6 {
font-size: 22px;
line-height: 28px;
font-weight: bold;
}
Since one of the changes is major update to font handling, it should be expected to have to do some minor tweaks to the fonts; often simply going to the settings in the theme, double check and hit save fixes it. Obviously you should be turning off your caching, clearing your cache, disabling mod_pagespeed before doing any upgrade since otherwise your old CSS is cached and new CSS is not being loaded to match theme changes.
@gee95 You’re right. But most of the time tagDiv goes through the all the important files such as single.php, style.css and other files. So, it overwrites the files 🙁
Hi,
I have a problem with the plugin SpeedBooster. During few seconds (1 or 2), we see my site without CSS. It works normally when i disable the plugin.
Sorted. was the AdRotate plugin CSS.
This plugin has updated and functionality has broken.
The theme (and WordPress) cannot “enlarge” images in the sense of making larger versions of the picture. You may be able to over-ride the width to be 100% with CSS, but Lucien will have to help with that.
If your original image is large enough to fit the width when uploaded, then it’s a different issue.
There is a great plugin I use to auto-enlarge uploaded images to fit the space of the theme, which is “Thumbnail Upscale”
http://wordpress.org/plugins/thumbnail-upscale/
How do I adjust the opacity on the backgrounds of the titles on the big and small slides on the home page. I’m using white and need it to be whiter so the text shows more clearly. I have tried to find the css but can not. What custom css can I use to change it?
Thanks!
Suzanne
If you’re having trouble optimizing via plugin, I would likely contact your hosting provider and optimize your dbase from phpmyadmin or similar outside of wordpress (e.g., command line, or from server side).
But yes… on a 190MB dbase, WP-Optimize clears out on average about 27.5MB of crap, depending on when you do an optimization.
I think the pagespeed insights reference to browswer caching is having
1) expires headers from the server (or via htaccess on Apache, or config file on nginx), which specify a time to live, such as “cache fonts for one week, don’t reload them every time a page loads” … that is the purpose of “browser caching” — same with CSS, images like a logo, javascript, etc. — my settings are in the sticky for pagespeed.
2) remember to have gzip/deflate running on server side, you don’t need plugin for that as the server can compress everything on request
I’m not currently using W3 cache, and frankly I’d leave that off until you get everything else sorted as otherwise you end up caching incomplete pages from the other errors or overloads. Once EVERYTHING else is solid, THEN you would turn on the cache as the LAST thing in the chain.
Hope that helped a little (been there!). 🙂
Hi,
The code depends on the type of ad you use in the header. For example the code i gave you it’s for ads that use an image as it use the .td-visible-desktop or -tablet-l or -tablet-tp or -phone classes and adds content after it, if you decide to use AdSense ads the classes changes and you also need to change the class in the css code i gave you http://screencast.com/t/zuPw34Trbrm
Try changing the classes according to your ad type.
If you can’t do it please send me your site URL so i can check.
Thanks
(9pm PDT/PST 7/15)
You have a lot of elements not loading properly, or only partially loading, when I just looked at your site. Likely a number of CSS, java, etc. is not loading at all due to the site being terribly slow right now, and timing out left and right. Header is a mess in IE7/Win64 on a 75mb FIOS connection, reloading page doesn’t make it better, left sticky social disappears then comes back, some social icons floating off right side in circles, etc. Likely first step is getting pages to fully load at all.
You have a lot of elements not loading properly, or only partially loading, when I just looked at your site. Likely a number of CSS, java, etc. is not loading at all due to the site being terribly slow right now, and timing out left and right. Header is a mess in IE7/Win64 on a 75mb FIOS connection, reloading page doesn’t make it better, left sticky social disappears then comes back, some social icons floating off right side in circles, etc. Likely first step is getting pages to fully load at all.
Hi Lucian,
thanks for taking the time to help me with this, but unfortunately it didn’t work.
I have added the code on my css but nothing appears on the page. If I do a view source, the css code is there, but no display of the text..
Am I supposed to add some class somewhere? Or have I missed something else..?
thanks
Hi,
Please add this custom CSS in Theme Panel > Custom CSS:
.iosSlider-col-2 .td-sbig-title-wrap .td-sbig-title {
font-size: 35px !important;
line-height: 20px !important;
text-align: center;
width: 100%;
}
.iosSlider-col-2 .td-sbig-title-wrap {
bottom: 0px;
width: 100%;
}Result: http://screencast.com/t/pmhiX95XJ7yO
Thanks
Hi,
Please use this custom CSS, add it in Theme Panel > Custom CSS:
.td-header-style-1 .td-g-rec-id-header .adsbygoogle {
top: 5px !important;
}Thanks
Hi,
You can create a condition using this code http://pastebin.com/22cW0WGw in page-category-slider.php file like this: http://screencast.com/t/H4MO4rPf9qAh
Then add this Custom CSS in Theme Panel > Custom CSS:
.new_header {
margin-bottom: 21px;
}You will get this result: http://screencast.com/t/dcvVhnKman
Hope this works.
Thanks
Hi,
You can add this code in Theme Panel > Custom CSS:
.span4 .iosSlider-col-1 .slider .td-sbig-title-wrap .td-sbig-title {
font-size: 15px !important;
line-height: 3px !important;
}I’m not sure it will work for you, I need an URL to see the exact issue.
Thanks
Hi,
Please remove or comment this code inside site.js file like this http://screencast.com/t/Opp3iwiRpkT
Also please remove this CSS:
.wpb_video_wrapper iframe {
width: auto !important;
}…from Theme Panel you don’t need it anymore.
Sorry about this, should work fine now.
Thanks
Hi,
Add this custom CSS in Theme Panel > Custom CSS:
/* responsive monitor */
@media (min-width: 1200px) {
.td-visible-desktop:after {
content: "Advertise here"; background-color: yellow;
-ms-transform:rotate(90deg); /* IE 9 */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari and Chrome */
-o-transform:rotate(90deg); /* Opera */
position: absolute;
top: 37px;
right: -53px;
width: 90px;
text-align: center;
line-height: 15px;
font-size: 12px;
}
}
/* responsive landscape tablet */
@media (min-width: 1019px) and (max-width: 1199px) {
.td-visible-tablet-l:after {
content: "Advertise here"; background-color: yellow;
-ms-transform:rotate(90deg); /* IE 9 */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari and Chrome */
-o-transform:rotate(90deg); /* Opera */
position: absolute;
top: 18px;
right: 50px;
width: 60px;
text-align: center;
line-height: 12px;
font-size: 12px;
}
}
/* responsive portrait tablet */
@media (min-width: 768px) and (max-width: 1018px) {
.td-visible-tablet-tp:after {
content: "Advertise here"; background-color: yellow;
-ms-transform:rotate(90deg); /* IE 9 */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari and Chrome */
-o-transform:rotate(90deg); /* Opera */
position: absolute;
top: 18px;
right: -42px;
width: 60px;
text-align: center;
line-height: 12px;
font-size: 12px;
}
}
/* responsive phone */
@media (max-width: 767px) {
.td-visible-phone:after {
display: none;
}
}Result: http://screencast.com/t/wnMRU8iXk8S
You can change the background-color, content, position… as you like.
Thanks
The wordpress smilies are displayed at 100%;
Reason: style.css img.alignnone img.aligncenter {width:100%}
Fix: .wp-smiley {width:auto;}
should be added after content image sizing zo 100%
Hello I tried the coding you provided, The problem I am having is that I want to change the font size of just the (TagDiv) Slide in the sidebar and the code you provided changes the main top sliders size which I want to keep at the original font size. Is there any css code that can just effect the sidebar widget slide?
P.S.: Great theme I enjoy everything about it, including the fantastic support!
We are looking to add a header graphic to each of our main category pages. I was hoping this would be possible without custom CSS?
Please see the screen shot, I have circled where we would like to make the header for each category…
http://www.wgel.net/wp-content/uploads/2014/07/header.png
Ideally it would be just below the breadcrumbs and either replace or align to the right of the ‘NEWS’ header text…
Any help is greatly appreciated!
Hi,
You can change it via CSS, just add this custom CSS:
.td_block_slide .item {
background-color: white !important;
}..in Theme Panel > Custom CSS.
If this doesn’t work please send an URL of your site with an example.
Thnaks
Hi,
Please use this custom CSS in Theme Panel > Custom CSS:
.td_mod2 .meta-info, .td_mod5 .meta-info {
display: none;
}Thanks
