HI
All theme’s css is stored in style.css file. However you can create your own custom css using the selectors for each element: http://screencast.com/t/mVs8wCWMIu Use browser’s inspector to identify the proper selector. We made a tutorial which may be helpful in this regard: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Hope this helps.
Thanks!
Thanks a lot for your help.
1. I understood now why all categories are displyed there, and 2. With the help of your CSS Code, I could change the Background color of Category Title.
3. But I could not change the color of the text (Post Title) on slide?
http://screencast.com/t/KG6sYfMdb
Hier I have used ‘Slide’ from your Elements.
Your given CSS code was helpful to change the Post Titles on Big Grids.
Many many thanks
Hello,
You forgot to provide your website URL. How can I provide you a valid CSS if I do not have your website? I need to know this if you want to receive a more accurate response.
Thanks.
Hi
1. The search bar is somehow tied by header menu because of js: http://screencast.com/t/EpkujBGj3 To move that box in another container is required a new approach for it, new selectors, new js. This is a quite complex task which involve many customizations in order to be achieved. We can’t offer customization services at the moment so if you really need this and you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.
2. nfortunately the theme don’t have an option to make the menu stinky only for desktop. However you can use this this css in theme panel > custom code > custom css to achieve a similar rezult:
@media (max-width: 767px) {
.td-header-wrap{
position: relative!important;
}
.body-td-affix .td-header-wrap .td-header-menu-wrap {
display: none;
}
}
3. Theme’s thumbs are defined in td_config.php: http://screencast.com/t/q4tp5MIin You can define new thumbs there but you will need to regenerate the thumbnails in order to be created: https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/ For more details about how to use theme’s API check this link: https://forum.tagdiv.com/api-thumbnail-introduction/
4. You can use module which have a similar layout with a list: http://screencast.com/t/c3Rk94hFFQcN
Thanks!
Hi hadharm,
2)If you want to have that border for each thumb, please try a bit of CSS code to do that.
The code is ->
.td-module-thumb{
border: 2px solid black;
border-radius: 5px;
}
The result -> http://screencast.com/t/xQxQZod9l4
3)Try the below method ->
.comments article {
border:1px solid black;
}
The result -> http://screencast.com/t/f6LgaFvib
5)I have explained you above regarding on this way.
1) http://screencast.com/t/gB4iQcx5 -> http://screencast.com/t/LMZVWnSC9M First of all, please ensure that you are using the latest version of the theme because in this version we have introduced these settings.
2)Please check the following topic here -> https://forum.tagdiv.com/topic/how-to-make-this/ and try to implement the last modified date as my explanation. Please notice that further you will need to do some adjustments with CSS code for better result and is you are not aware of these, consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry! Please notice that all of these requests involves custom work and we cannot provide this type of services at the moment, sorry!
3)The mobile theme does not support the Sidebar. If you want to add this feature, you will have to manually implement it through the code but this task involves custom work and we care not available for this, at the moment, sorry!
Thanks.
HI
Yes it is possible using a bit of css. Try this code in theme panel > custom code > custom css: http://screencast.com/t/lCXlAExP
.home .td-header-menu-wrap-full {
display: none!important;
}
Let u know ho it goes.
Thanks!
Hello jauburn,
If you want to show the top bar menu for mobile mode, you have to use a bit of CSS code to show it. Please try the code below and place it in Theme panel->Custom CSS area. Please notice that the Tob Bar menu has been designed to be hidden to the mobile view. This was a design choice.
The code is ->
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}
}
@media (max-width: 767px){
div.td-header-sp-top-menu {
display:block !important;
}
}
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}
}
The result you should see here -> http://screencast.com/t/1b80RNnyn
Thanks.
Hello srampia,
1)Please notice that by default, the theme will display all the sub-categories tag for that category. For example, you can look at this -> http://screencast.com/t/R5CIlzJv4M -> http://screencast.com/t/AZGCfrJry5r
2)If you want to change the background-color for your category tag, please notice that you can only do this with a bit of CSS code. Try the code below and place it in Theme panel->Cusotm CSS area.
The code is ->
.td-category a {
background-color:green;
}
3)Use the code below ->
.td-big-grid-wrapper .td-module-title a{
color:green;
}
.td-module-title a{
color:green;
}
If is not what you mean, please provide more details.
Thanks.
Thank you for your interest. I write turkish again;
You know why 🙂
Söylediklerinizin bir kısmı doğru. Ios cihazlarda fakat tüm tarayıcılarda aynı sorun var. Henüz javascript bilgim olmadığı için siz bu sorunu çözene kadar beklemek zorundayım fakat beklerken de bir şeyler yapmadan durmak olmaz. Aynı sorunu yaşayan Temasında beyaz rengi tercih etmiş arkadaşlar için yazıyorum Tema panelinden custom css kısmına şu kodları yazarsanız en azından arkadaki siyah ‘çirkin’ görüntüden kurtuluyorsunuz:
@media (max-width: 767px) {
.td-header-wrap .td-header-menu-wrap-full,
.td-header-wrap .td-header-menu-wrap,
.td-header-wrap .td-header-main-menu {
background-color: #ffffff !important;
}
}
Tagdiv ekibi, her zaman yapılabilecek bir şeyler vardır bu sorunu en kısa zamanda çözebilmeniz umuduyla, iyi günler.
Hi
Each block is made from one or more modules, you can check where each module is used in theme panel > block settings: http://screencast.com/t/QzDf5x4NaF
Your css is almost correct, you just need to change the a number, instead of module 19 use module 9:
.td_block_10 .td_module_9 .td-module-meta-info{
display:none!important;
}
To move the date above title you need to edit td_module_9.php and move the function which generate the title below meta info: http://screencast.com/t/9OGJHggyqocq
Hope this helps.
Thanks!
Hello marlonk,
Please notice that you can remove all the code which you do not use it but as you known, for each update the style.css will be in full version. So, another alternative for you would be to use the GZIP compression, according to this topic here -> https://gtmetrix.com/enable-gzip-compression.html
Thanks for your understanding!
Finally something worked 😀 😀 😀 … Thank you very much.
Just one small CSS thing. I tried all possible waty to adjust author image so that it can come in the same horizontal line in which author name is written but I didn’t succees. Here is what CSSI have used:
.avatar-42{
float:left;width:42px;height:42px;border-radius:42px;margin:-25px 8px 6px 0;
}
Here is how it looks: http://i.imgur.com/zskzhM6.jpg
I to move “Author Name” down, so that it can be either in the middle or in the same line to that of Author image. I have tried adjusting author image but it didn’t work. May be some custom CSS code for adjusting “Author Name” can help.
Thank you.
Our website (www.kolkata24x7.com) absolutely needs Total Cache Plugin with Page Cache method Memcached, without this our site crashes when a huge traffic arrives but we are experiencing (with enabling the Total Cache) few issues now when we have activated these Newspaper theme. Sometimes the Mobile view is loading at Destop computers, similarly the Desktop version view is showing for few pages when we are seeing the site on mobile.
Another issue is when we are enabling the “CSS minify settings” at Total Cache, then the site is loosing the css effects.
Please suggest how to configure the Total Cache Plugin with this Newspaper theme otherwise we will be in deep troubles.
HI
Try this css in theme panel > custom code > custom css: http://screencast.com/t/qoUqauKBi6
.td-header-menu-wrap .td-container{
width: 100%;
}
Unfortunately we don’t have a detailed documentation for theme fonts section but this is on our todo list and we will try to complete id in shortest time possible.
Basically each section refers to a specific element or at a group of elements. It could be a bit hard at the beginning to identify the role of each option bu you ca try with a simple page, add one or two block on it then make a few changes in theme panel to see how the page change.
Thanks!
Hello amanshams786,
As you know, this type of plugin has not been added to the list of tested plugins with the Speed Booster. It has not been added there because this plugin was not tested with Speed Boster and therefore may be some errors between Speed Booster and AdSense plugin. Please keep in mind that by default, the Speed Booster will move to the footer the JS and CSS code of the theme and nowhere will not be automatically moved resources from another plugin, like AdSense Plugin. The issue might occur due to some interferences between these two plugins. Further, you will have to choose which plugin you use it or if you want to use both of them, you will have to make some adjustments through the code in order to bring good results but please notice that we cannot help you in this regard because we cannot provide support for untested plugins, sorry! If you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you!
Thanks for your understanding!
HI
Newsmag theme don’t have big grid 9 in its features, only Newspaper theme does. Below is the css which produce the zoom effect, you can test it for module 1. However you will need some customizations, also some css codeing skills are required, to make it work on all blocks and modules. We can’t offer customization services at the moment so if you still need guidance on this or you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.
.td_module_1:hover .td-module-thumb .entry-thumb {
transform: scale3d(1.1,1.1,1);
-webkit-transform: scale3d(1.1,1.1,1);
-moz-transform: scale3d(1.1,1.1,1) rotate(.02deg);
-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s;
}
Thanks!
Nope,
Even if I change the action for footer, nothing!
(the styleID is correct, I down the priority also), I lose something?
function dequeue_visual_composer_css() {
if (is_single()) {
wp_dequeue_style('js_composer_front');
}
}
add_action('wp_footer', 'dequeue_visual_composer_css', 1);
Oops! I get it now. Thank you Chris and nairolf 🙂
Any suggestions for real Lazy load options or plugins ?
Any suggestions on why Tag div booster uanble to remove render blocking and other related issue when I have already applied it for all the plugins? It’s still showing these many files under render blocking thing under Pagespeed: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Ftomatoheart.com%2F&tab=desktop
#Remove render-blocking JavaScript:
https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js
https://domain.com/wp-includes/js/jquery/jquery.js
https://domain.com/…cebook-login/public/js/facebook-login.js
https://domian.com/…ntent/plugins/ytsubscribe/ytSubscribe.js
#Optimize CSS Delivery of the following:
https://domain.com/…book-login/public/css/facebook-login.css
https://fonts.googleapis.com/…3A400%2C700%7CLora%3A400%2C700&ver=4.6.1
Anywork around? At least for Google APIS and jquery.js which ware not fired by plugin but by theme and speedbooster must take care of theset two.
Also,
Yesterday I cam to know about this amazing plugin which can set “Leverage browser caching” for external .js files too which are not yet effective by “expiry rules” that we set under .htaccess. the plugin is Complete Analytics Optimization Suite (CAOS)
Have any of you used it? Anything to say on this or if you have any alternative for this ( with or wothout plugin ) ?
Thank you.
-
This reply was modified 9 years by
Nano.
I just updated to version 7.4 and now the stylesheets do not load when using a secure connection. The previous version would load not matter if a user when to http or https. The site is hcnews.com.
It will load correctly using http but breaks when using https.
I did update both the visual composer and the social share plugins.
The update from version 6 to 7 did hose the settings and I had to start over with all the default settings.
Screenshot
https://drive.google.com/file/d/0B-cjb-dZF2GYSDc4cV9DZGlEV2s/view?usp=sharing
Is there a setting I missed somewhere?
Thanks,
Rick
Hi Chris,
The snippet works but only if the Speed-Booster (tagDIV plugin) is disabled
function dequeue_visual_composer_css() {
if (is_single()) {
wp_dequeue_style('js_composer_front');
}
}
add_action('wp_enqueue_scripts', 'dequeue_visual_composer_css', 1003);
I believe that TDC is still “green” for production, in the near future I give it a shoot
So I deleted the TagDiv Social Media Counter and re-installed with the updated version and now this happens:
Fatal error: Call to undefined method td_block_social_counter::get_block_css() in /home/connorha/public_html/mylifepossible.com/wp-content/plugins/td-social-counter/shortcode/td_block_social_counter.php on line 52
Any thoughts here? I’m not sure what I am doing wrong, I just want the tracker back and working. Any help will be greatly appreciated. Thanks!
How to achieve the image zoom effect that big grid 9 offers, to every block?
Please guide us on the specific CSS code entry that we need to enter there.
In the theme panel and docs it refers to “image effects” — not true lazy loading
https://forum.tagdiv.com/loading-image-effects/
these are CSS effects which are “presentational” and not technical delayed loading of images bit-data.
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/8KuL5eWY
.td_block_popular_categories .td-cat-no{
display: none;
}
Thanks!
Hi
Rocketloader is not among tested plugin and we can’t guarantee that it will work fine with our theme. If the problem appears only when this plugin is active most likely there is a conflict between the theme and this rocketloader. It could be a js conflict or a css issue. Provide a link where we can have a closer look and maybe we can help on this matter.
Thanks!