- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hi,
Use this css, add it in Theme Panel > Custom CSS:
.tag .entry-content ins iframe {
width: auto !important;
}
.tag .entry-content ins {
width: auto !important;
}
Thanks
Hi,
Thanks for your suggestion, you can do this by adding this css in Theme Panel > Custom CSS:
.td-template4-header header h1 {
background-color: rgba(77, 178, 236, 0.7)!important;
}
.single_template_3 header h1 {
background-color: rgba(77, 178, 236, 0.7)!important;
}
If you don’t like this color you can change it as you like.
Thanks!
After the update none of my custom CSS seem to have any effect, resulting in the paging looking nothing like before. Please help?
Hi,
@yoluca
You can remove that color to make it transparent or to enlarge the image to fit the area.
Use this CSS for the removing background:
.iosSlider {
background-color: transparent !important;
}
To enlarge the image use this CSS:
.iosSlider-col-2 .entry-thumb {
width: 100% !important;
}
Also I have noticed that you have some JavaScript errors in console.
Thanks!
-
This reply was modified 12 years by
Lucian.
Hi,
1. Please remove this code from page-category-slider.php file, like this: http://screencast.com/t/JEZpd4Ysa
2. Use this css:
.iosSlider-col-2 .entry-thumb {
width: 100% !important;
}
Thanks
Is there a non-plugin way to eliminate the render-blocking CSS issue?
See how to with WordPress docs; the login form is not part of the theme, but can be modified through CSS and the functions.php file where most things are modified without a plugin; see:
http://codex.wordpress.org/Customizing_the_Login_Form
Change the Login Logo
To change the WordPress logo to your own, you will need to change the CSS styles associated with this heading:
<h1>Your Site Name</h1>
WordPress uses CSS to display a background image — the WordPress logo — in the link (<a>)inside the heading tag (<h1>). You can use the login_enqueue_scripts hook to insert CSS into the head of the login page so your logo loads instead.
To use the code below, replace the file named site-login-logo.png with the file-name of your logo, and store your logo with your active Theme files in a directory named /images:
function my_login_logo() { ?>
<style type="text/css">
body.login div#login h1 a {
background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/images/site-login-logo.png);
padding-bottom: 30px;
}
</style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );
The size of your logo should be no bigger than 80 x 80 pixels (though even this can change with custom CSS). Adjust the above padding-bottom value to the spacing you want between your logo and the login form.
-
This reply was modified 12 years by
simchris.
Hey TagDiv Team,
Does the theme support multisite support? Does it handle different settings (custom css and analytics) for different domains correctly running in a multi site setup?
Thx, I really appreciate your great support!
cheers Manuel
This may or may not work for you with this theme; but general settings from a blog called online media masters, and I’ve seen the same settings elsewhere would be as so:
(THIS MAY BE INCORRECT FOR THIS THEME: BE SURE TO TRY SETTINGS FOR YOUR SETUP: KEEP BACKUPS, AND KNOW HOW TO GO BACKWARDS BEFORE USING ANY CACHE!)
—————-
(to quote …)
General Settings
ā¾Leave unchecked
Page Cache
ā¾Page cache: enable
ā¾Page cache method: disk enhanced
Minify Settings
ā¾Minify: enable
ā¾Minify mode: auto
ā¾Minify cache method: disk
ā¾HTML minifier: default
ā¾JS minifier: JSMin (default)
ā¾CSS minifier: default
Database Cache
ā¾Database cache: enable
ā¾Database cache method: disk
Object Cache
ā¾Object cache: enable
ā¾Object cache method: disk
Browser Cache
ā¾Browser cache: enable
CDN
ā¾CDN: enable
ā¾CDN Type: MaxCDN
Reverse Proxy
ā¾Leave unchecked
Network Performance & Security powered by CloudFlare
ā¾If you have a CDN: leave unchecked
ā¾If you donāt have a CDN: sign up for CloudFlare and use the settings shown in the picture
Note: W3 Total Cache and CloudFare have integrated their products.
Monitoring
Youāll see an option here to sign up for New Relic. This is a tool for monitoring your web and mobile apps performance. Itās more for developers but if you are one, you probably already know about this service. Otherwise, leave it blank.
Licensing
ā¾Leave blank
Miscellaneous Settings
If you want to see your Google Page Speed score in your WordPress dashboard, thereās instructions in this menu. Otherwise, here are the settings I use:
ā¾Enable Google Page Speed dashboard widget: enable
ā¾Verify rewrite rules: checked
ā¾Enable file locking: unchecked
ā¾Optimize disk enhanced page and minify disk caching for NFS: unchecked
Debug
ā¾Leave everything unchecked
Import / Export Settings
If you want to use the same W3 total cache settings across multiple websites, export your settings and import them into the new WordPress sites.
The only solution that we have for that pagespeed score is to use less scripts and css files. Also a smaller and fast respondif homepage helps a lot. Other than that, the score is pretty good.
Radu o>
Hi,
Please add this custom CSS in Theme Panel > Custom CSS and just change the color as you want it:
.td-doubleSlider-1, .td-doubleSlider-2, .td-gallery-slide-top{
background-color: red !important;}
Thanks
Hi,
The big slider will be fixed in the next update to work on 980px to, about the logo from your header can be adjusted with a CSS, we will fix this in the next version to.
Thanks!
Hi,
Please add this custom CSS in Theme Panel > Custom CSS:
@media (max-width: 767px){
.td-menu-wrap #td-top-menu {
display: block;
}
#td-top-mobile-toggle {
display: none;
}
.header-search-wrap {
display: none !important;
}
.td-grid-wrap {
padding-top: 0px;
}
}
Thanks
Hi,
Please add this custom CSS:
.post .wpb_video_wrapper iframe {
margin-top: -25px;
}
It’s hard to make this working if you can’t give us a link to see the issue, and to fix it directly where is needed.
Thanks
Hi,
Try this custom CSS, add it in Theme Panel > Custom CSS:
.sf-menu {
float: right !important;
}
#td-top-search {
right: auto !important;
left: 40px !important;
}
Thanks for the message
Hi Support,
Please take a look here: http://goo.gl/fSaU7L
Two questions:
1. How do I remove the complete category block (and sub categories) from each category page?
2. How do I prevent these grey block in the slider? Is there an option to have the image automatically fit/stretch? Should I change the background color? I have this with almost all images, very annoying. How to avoid/fix this?
I use a child theme, so please let me know what code to insert/remove from which php file.
Custom css code is also fine š
Thank you.
Hi Emil,
after the V4 update the big slider looking strange on mobile view. I have tried the above mentioned workaround with 2 sliders, one normal and one big but somehow this is not working anymore? Can you please check? With this css code the normal slider is hidden on desktop but unfortunatelly the big one is not hidden on mobiles. You can check on my site too: http://hashtagsport.de/beta
Thx in advance!
@Gee95
please send us a link if possible. I’ve tried the template on our dev and it looks normal.
@mbasche We just added it:
https://forum.tagdiv.com/create-an-image-slide-gallery/
@gregoire:
Sorry for the problems š
@jeffreya93:
The h can be changed from theme panel now
@substreamjacob
add this in the custom css section of theme panel:
.td-post-featured-image {
text-align:center;
}
Everything is allright, but these 4 files are the headache…
http://www.techizm.com/ā¦-includes/js/jquery/jquery.js?ver=1.11.0
http://www.techizm.com/ā¦s/jquery/jquery-migrate.min.js?ver=1.2.1
http://www.techizm.com/ā¦gin/css/settings.css?rev=4.3.8&ver=3.9.1
http://www.techizm.com/ā¦gin/css/captions.php?rev=4.3.8&ver=3.9.1
Scores : http://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.techizm.com&tab=desktop
Hello!
Is it possible to please let me know where are the tagdiv gallery css. The new one from version 4.0.1. not the wp one. I would like to change the background color. Thank you so much.
Thanks a lot for those tips =]
Hi,
If you want you can remove the background color to make the side full width and we can provide you a CSS that change the color for the background.
Use this CSS, add it in Theme panel -> Custom CSS
#inner-wrap {
background-color: #00042b;
}
For header you have the color in Theme panel -> Theme colors.
Now you can use the full width post template.
Hope this help!
Thanks for the message!
Hi Marius,
I know a bit of PHP and HTMl, CSS. But couldn’t figure out which is the review file. Can you please tell me which files are related to review?
Regards,
Mehedi
Also, please help: https://forum.tagdiv.com/topic/v4-make-post-style-2-the-default-post-style/