- 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
Hello,
You can hide elements at any time using css. Tagdiv composer allows you to add an extra class to a block and then you can use that class with css to hide the block in mobile screens. Here is an example: https://www.screencast.com/t/PRC1i1uUv
Then you can use this code:
.customclass{
display:none!
}
Add it in the theme panel under custom code for mobile devices(advanced css tab).
Thank you!
Hello Sokolov,
It seems that your CSS is not correctly loaded. Try to make a new clean install from scratch via FTP way, clear all the caches and check the results. Remove all of the untested plugins, clear all the caches and check the results.
Thanks for the message!
In order to not have this situation again, please structure all your questions and issues in separate topics. From now on, please create a new topic for each question in particular so we can track each and every question separately.
I understand the issue now. Please try to add the !important tag to your code:
td_block_9 .td_module_8 {
padding-bottom: 0!important;
margin-bottom: 0!important;
}
.td_block_17 .td_module_8 {
padding-bottom: 0!important;
margin-bottom: 0!important;
}
And then add it at the bottom of style.css
If it still does not work, please contact us via email at contact@tagdiv.com and provide wp-admin and ftp access so we can login and investiogate
Thanks.
Hi SW1988,
Please notice that the speed of your website depends on how well your site is optimized. Notice that is not a simple task and if you do not have any experience in this regard you will do not bring good results for the theme. Also, notice that we have a speed optimization tutorial but this is addressed only to advanced users. So, if you follow the steps which are presented in this tutorial here -> https://forum.tagdiv.com/how-to-make-the-site-faster/ you can increase the page speed loading and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because the speed optimization services are not covered by our support policy, as you can read here -> https://forum.tagdiv.com/support-policy-2/ Check our documentation here -> https://forum.tagdiv.com/requirements-for-newspaper/ regarding on dedicated server to fit our requirements.
Unfortunately, our theme does not have such an option to minify the style.css file and we cannot recommend any plugins with this functionality because is not tested with our theme. For minifying this file, we are using CloudFlare for our demo and works fine. If you want to read other views from our users, please check this topic -> https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
One of our top members here on the forum wrote his own optimization tutorial here:
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/ and here -> https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
Basically, these are the theme requirements
– https://forum.tagdiv.com/requirements-for-newspaper/
Thanks for your understanding!
Hello,
The mobile theme fonts can only be changed with css. Please add this code in your theme panel-> custom css box:
@media (max-width: 767px){
.post header .entry-title{
font-size:24px!important;
}}
Thank you!
Hello,
The post title in blocks can only be changed with custom css. Our theme has no option to change the post title colors on blocks. For that you will have to use this css:
.td-main-content-wrap .td_block_wrap h3>a{
color:red;
}
Or you can make the code more specific for each type of block. The code above changes the title colors for all blocks at once.
As for the post content color, you can change it from the theme panel:
https://www.screencast.com/t/fXf85nw5
Thank you!
Hello Catalin
i disabled the all plugins (tested and untested) and clear all the caches (and i never changed any css code of the theme).
And upgraded to from 8.1 to 8.2.
But The problem is still continue..!
Can we add the to any extra css code for fixing?.
its nonsence problem :/
CHANGES: 8.11->8.2
Files changed:
- /style.css
- /includes/td-config.php
- /includes/wp_booster/td_js_generator.php
- /includes/wp_booster/td_weather.php
- /includes/wp_booster/wp-admin/css/wp-admin.css
- /includes/wp_booster/wp-admin/css/wp-panels/demo.less
- /includes/wp_booster/wp-admin/panel/views/td_panel_header.php
- /js/tadiv_theme.min.js
- /js/tadiv_theme.js
- /parts/header/top-menu.php
DETAILED CHANGES: see – https://pastebin.com/t1NgGYTs
I recorde 2 videos to show you the problems. When the videos were recorded, there was no custom css and all the caches were cleaned.
Viedo 1
https://www.youtube.com/watch?v=9YIkaJg132c&feature=youtu.be
All the content made with visual composer is loading boxed first, and then it turns to full width.
Video 2
https://www.youtube.com/watch?v=CStlOlzaVNw&feature=youtu.be
It always loads first the default theme font, and then it turns to the one I definded on the theme panel (the font is custom and I uploaded it trought the theme).
Then, if you go to my site on mobile, you will see the effect is the same in both cases, and moreover the menu is loading black first, and then it turns to white.
Everything is very strange… 🙁
Hi,
i need to add a custom logo in one single page.
i tried to add it via css but it seem it doesnt work
can you pls help me? thank you
I have been waiting for that answer for long then u come up with a vague answer, how does that relate with my previous question.
lemmi point out once more;
Am using this on custom css:
.td_block_9 .td_module_8 {
padding-bottom: 0;
margin-bottom: 0;
}
.td_block_17 .td_module_8 {
padding-bottom: 0;
margin-bottom: 0;
}
I have tried to implement this on style.css so as the style can be loading directly from the main source. Under style.css, i have done the changes on module 8 and block 9 and 17 and didn’t work on my end.
I would appreciate any help to implement the change on the main folder.”
That code am using is to remove the spacing on block 9 and 17 if not wrong, i did not need the spacing between titles.
I need to implement these on the default file. Hope u get me.
Hello,
The caption has nothing to do with it. I cannot find any posts on your site though. It seems the functionality only works on posts.
Please add this code in the theme panel-> custom css box:
@media(max-width:500px){
.alignnone{
margin-left: auto;
margin-right: auto;
}
}
Thanks.
i have added a image block and added image in the list . Then i went to css in that i clicked on Mobile and then added small image there..
Hello,
That is a theme file that was created for the live demo presentation page. You can ignore this issue as it will not affect your front-end. The file is called in the css file but it will not come up unti certain criteria are met. Only the development theme meets these criteria so the image is not being called directly on your site. The testing tool detects the css for this but the file ios not actually in use.
Please ignore these issues.
Thank you!
The big red x is a major hint that you did not add the code properly. A big red x means there is an error. Please check your code in the custom css section.
Thank you!
Hello travelhippi,
Yes, here is talking about a general padding-top for the entire theme and which can be reduced from the following code. Try the code below and place it in Theme panel -> Custom CSS area.
.td-main-page-wrap {
padding-top: 0;
}
The result is here -> https://www.screencast.com/t/Gp7s7pU4Ha
Thanks for the message!
Hello,
You can add an !important tag after the height atribute but please note it will also have to be adjusted for responsiveness. Use the theme advanced css to change the width and height for smaller screen devices.
Thanks.
Hi Bodan, that’s really unfortunate. Is there a way where I can still paste a picture on my category page, through maybe html or css?
Thanks!
Hello,
You can see the version number in the style.css file.
Thank you!
I am having trouble with background colors in rows. Every time I add background color in a row, it ends up opaque. The changes do not happen and if I click on “save”, the button is rotated infinitely and you need to refresh the page. After updating, it appears error, like the one below:
array(7) { [“el_class”]=> string(0) “” [“el_id”]=> string(0) “” [“class”]=> string(28) “td_uid_19_5a124e0487d0e_rand” [“css”]=> string(0) “” [“tdc_css”]=> string(52) “eyJhbGwiOnsiYmFja2dyb3VuZC1jb2xvciI6IiNlYWVhZWEifX0=” [“tdc_css_class”]=> string(28) “td_uid_19_5a124e0487d0e_rand” [“full_width”]=> string(0) “” }
wp booster error:
TD Composer Internal error: The system tried to use an att that does not exists! class_name: vc_column Att name: “tdc_css_class_style” The list with available atts is in tdc_composer_block::render
/var/www/clickcamboriu/wp-content/plugins/td-composer/includes/tdc_composer_block.php > get_att
Am using this on custom css:
.td_block_9 .td_module_8 {
padding-bottom: 0;
margin-bottom: 0;
}
.td_block_17 .td_module_8 {
padding-bottom: 0;
margin-bottom: 0;
}
I have tried to implement this on style.css so as the style can be loading directly from the main source. Under style.css, i have done the changes on module 8 and block 9 and 17 and didn’t work on my end.
I would appreciate any help to implement the change on the main folder.
Sorry, it was a memory cache problem of my browser.
I solved adding this css to custom css panel in theme panel.
.td-boxed-layout .td-container-wrap.td-main-page-wrap {
background-color: rgba(255, 255, 255, 0.1)!important;
}
Thanks!
Hi!
How can I increase all site width? If I add this code to Custom css, the website is not responsive.
.td-container, .tdc-row {
width: 1186px;
margin-right: auto;
margin-left: auto;
}
Can you help me? Thanks!
Hey,
Same story here. After updading to 8.2 my news ticker title doesn’t display curretly. The text is there but both background and title have the same color (theme accent color). This is probably because I have same color for theme accent and titles.
It can be easily fixed in CSS, but I think we need more color settings in theme panel.
Hi! Thanks for your reply. 🙂
If I desactivate Speed Booster, the problem persists. I think it’s not a problem with this plugin.
On some parts of the website I think it’s problem of the custom css, because first loads the original version and after a second it loads the custom one.
About the strange effect at loading the homepage, it happens on mobile and desktop, and I observed that first all the site is loaded boxed, and after a second it turns to full width.
As a conclusion, I think the problems are two:
1. The custom CSS
2. Plugin visual composer that loads boxed first, and then turns to full width
If I move the custom css to the theme original file, after updating the theme I will lose all the changes, because there is no child theme. Or am I wrong?
About the problem with visual composer that first loads boxed content, I don’t know how to solve it.
I hope you can help me. Thank you so much!
