- 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
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
Hello !
Please use this css code:
.td-big-grid-post .td-post-category {
display: none;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
I hope this was helpful !
Thank you !
Hi shogunteam,
Please make a test, please deactivate all non theme plugins and make a speed test to see the difference.
Also please notice that deactivating the standard pack will not make the site very fast, the speed will increase because will be load only the css that is use, but the website still need to be optimize, because the speed of your website depends on how well your website is optimized, if you follow the steps which are presented in this tutorial here -> https://tagdiv.com/how-to-increase-page-loading-speed/ you’ll be able to increase the speed of your website.
Here are some similar topics that you can check: -> https://forum.tagdiv.com/topic/optimize-script-to-improve-site-speed/
Thank you fr your understanding!
thx for your effort with your custom css I did what i wanted to do with my block.
Hope to see new update soon as there are few bugs there which need to be fixed.
Hi,
If you want to show the image only on home you can use this custom css for it.
Please try this custom css
.home .td-header-style-4 .td-header-sp-recs .td-header-rec-wrap {
display: block;
}
.td-header-style-4 .td-header-sp-recs .td-header-rec-wrap {
display: none;
}
The code need to be set in Theme Panel> Custom code> Custom css -> https://i.imgur.com/0T0hBd7.png
Thank you!
Hello !
Probably they changed the size using CSS code, please provide a link to your page and we will take a look.
Thank you !
Hi,
Is seems to be a but on mobile version, the color is not apply proper, also the border stile is not working, sorry for the inconvenience!
This problem will be fixed in the coming updates.
If you want I can help you with a custom css to set the border color-> https://i.imgur.com/7qenx0q.png
.td_flex_block_1 .td_module_flex_1 .td-module-container {
border-style: dotted;
border-color: red;
}
The code need to be set in theme panel> custom code> advance css> phones
Thank you for your understanding!
Hello !
You are suggesting to remove the basic style.css of the theme there and it is not recommended by our team.
For page speed you can contact our custom work team in order to improve your page speed. You can find them here: https://tagdiv.com/premium-customization-services/
Thank you for your understanding !
Pasted the custom CSS and I’m still having this issue?
I added a css fix to it, but you could of course add it to the general css file for the future.
Many times, we just place a twitter link, after the first paragraph, what to do in this case? If it needs to be there, at the top? CSS would help.. Please include it in the next update!
Hi,
This problem it is because the ie11 do not recognize the css flex, in order to fix this problem you can add a css for ie11 with an inline table in theme panel, custom code, custom css:
[class*="ie"] .tdb_module_header .td-module-container{
display: inline table;
}
-> https://i.imgur.com/9rBNBNV.png
Thank you!
Thanks for the explanation.
Could you advise how to do it in manual mode in the source HTML mode?
Do you have something like this – help manual how to use bootstrap – https://www.tutorialrepublic.com/codelab.php?topic=bootstrap&file=two-column-grid-layouts-for-all-devices
or something like this https://www.tutorialrepublic.com/twitter-bootstrap-examples.php
It seems you have a special bootstrap css format.
I just want to insert some image and text in the formatted “table cells” like this https://www.screencast.com/t/S27Qlt9joH
Hi,
I am facing the following error with the demo l´Historie Pro on my Header.
The newsletter subscription doesn´t appear and appears this on the header.
Please, could you have a look? My website is:https://lahistoriaviva.com/
[tdn_block_newsletter_subscribe btn_text=”Subscribe” tds_newsletter2-image=”” tds_newsletter2-image_bg_color=”#c3ecff” tds_newsletter3-input_bar_display=”row” tds_newsletter4-image=”” tds_newsletter4-image_bg_color=”#fffbcf” tds_newsletter4-btn_bg_color=”#f3b700″ tds_newsletter4-check_accent=”#f3b700″ tds_newsletter5-tdicon=”tdc-font-fa tdc-font-fa-envelope-o” tds_newsletter5-btn_bg_color=”#000000″ tds_newsletter5-btn_bg_color_hover=”#4db2ec” tds_newsletter5-check_accent=”#000000″ tds_newsletter6-input_bar_display=”row” tds_newsletter6-btn_bg_color=”#da1414″ tds_newsletter6-check_accent=”#da1414″ tds_newsletter7-image=”” tds_newsletter7-btn_bg_color=”#1c69ad” tds_newsletter7-check_accent=”#1c69ad” tds_newsletter7-f_title_font_size=”20″ tds_newsletter7-f_title_font_line_height=”28px” tds_newsletter8-input_bar_display=”row” tds_newsletter8-btn_bg_color=”#00649e” tds_newsletter8-btn_bg_color_hover=”#21709e” tds_newsletter8-check_accent=”#00649e” embedded_form_code=”JTNDIS0tJTIwQmVnaW4lMjBNYWlsQ2hpbXAlMjBTaWdudXAlMjBGb3JtJTIwLS0lM0UlMEElMEElM0Nmb3JtJTIwYWN0aW9uJTNEJTIyaHR0cHMlM0ElMkYlMkZ0YWdkaXYudXMxNi5saXN0LW1hbmFnZS5jb20lMkZzdWJzY3JpYmUlMkZwb3N0JTNGdSUzRDZlYmQzMWU5NGNjYzVhZGRkYmZhZGFhNTUlMjZhbXAlM0JpZCUzRGVkODQwMzZmNGMlMjIlMjBtZXRob2QlM0QlMjJwb3N0JTIyJTIwaWQlM0QlMjJtYy1lbWJlZGRlZC1zdWJzY3JpYmUtZm9ybSUyMiUyMG5hbWUlM0QlMjJtYy1lbWJlZGRlZC1zdWJzY3JpYmUtZm9ybSUyMiUyMGNsYXNzJTNEJTIydmFsaWRhdGUlMjIlMjB0YXJnZXQlM0QlMjJfYmxhbmslMjIlMjBub3ZhbGlkYXRlJTNFJTNDJTJGZm9ybSUzRSUwQSUwQSUzQyEtLUVuZCUyMG1jX2VtYmVkX3NpZ251cC0tJTNF” tdc_css=”eyJhbGwiOnsibWFyZ2luLXRvcCI6IjEwIiwibWFyZ2luLWJvdHRvbSI6IjAiLCJkaXNwbGF5IjoiIn19″ tds_newsletter1-f_title_font_family=”507″ tds_newsletter1-f_descr_font_family=”507″ tds_newsletter1-f_disclaimer_font_family=”507″ tds_newsletter1-f_disclaimer2_font_family=”507″ tds_newsletter1-f_input_font_family=”507″ tds_newsletter1-f_btn_font_family=”507″ tds_newsletter1-f_check_font_family=”507″ tds_newsletter1-f_input_font_size=”eyJhbGwiOiIxNiIsInBvcnRyYWl0IjoiMTQifQ==” tds_newsletter1-f_input_font_spacing=”0.5″ tds_newsletter1-btn_bg_color=”#1342f3″ tds_newsletter1-btn_bg_color_hover=”#5e5e5e” tds_newsletter1-btn_text_color=”#ffffff” tds_newsletter1-btn_text_color_hover=”#ffffff” tds_newsletter1-f_btn_font_weight=”700″ tds_newsletter1-f_btn_font_transform=”uppercase” tds_newsletter1-f_btn_font_size=”eyJhbGwiOiIxNCIsInBvcnRyYWl0IjoiMTIifQ==” tds_newsletter1-input_bg_color=”#ffffff” tds_newsletter1-input_border_size=”0″ tds_newsletter1-f_btn_font_spacing=”2″ tds_newsletter1-input_text_color=”#000000″ input_placeholder=”Stay up to date with our newsletter”]
I have been working with my web hosting company and I am experiencing similar issues. Google PSI indicates that I need to “remove unused CSS” and my web host provider said the following CSS were the issue. This is causing an extra 1.5 seconds load time:
/wp-content/plugins/td-composer/legacy/Newspaper/assets/css/td_legacy_main.css?ver=5a862b9d7c39671de80dd6dee389818b
/wp-content/themes/Newspaper/style.css?ver=9.8
/wp-content/plugins/td-cloud-library/assets/css/tdb_less_front.css?ver=489325fca4f12cbec6ded350cf173551
Appreciate your help.
Thanks!
If I insert “Header main menu” in my cloud template header, i can open submenu only if javascript is active. can I use another type of menu to open submenu with css?
Hello !
If you’re using the mobile theme plugin this option is not available. In the responsive mode you can use some css code in order to display it.
Thank you !
Hi,
Indeed there is a problem, the ie11 do not recognize display: flex.
Please try this custom css to fix the problem.
[class*="ie"] .tdb-single-related-posts .td-module-container{
display: inline-table;
}
Hope this will help you!
Thank you!
Hi,
Please make a test, please deactivate all non theme plugins and make a speed test to see the difference.
Also please notice that deactivating the standard pack will not make the site very fast, the speed will increase because will be load only the css that is use, but the website still need to be optimize, because the speed of your website depends on how well your website is optimized, if you follow the steps which are presented in this tutorial here -> https://tagdiv.com/how-to-increase-page-loading-speed/ you’ll be able to increase the speed of your website.
Here are some similar topics that you can check: -> https://forum.tagdiv.com/topic/optimize-script-to-improve-site-speed/
Thank you fr your understanding!
HI, how can we insert a CSS menu that works even without javascript in a cloud template header?
Hello !
You can try using this CSS code:
.td-header-style-1 .td-header-sp-logo {
width: 185px;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
I hope this was helpful !
Thank you !
Hello !
For the News Ticker you will be able to edit it using the tagDiv Composer: https://www.screencast.com/t/Sa0Fc7lm3BN If you want to delete it simply right click on it and delete.
2. In order to add Adsense you have to insert the adsense code in Theme Panel – Ads.
3. Use this css code in order to adjust them:
.td-post-sharing-bottom {
margin-top: -15px;
margin-bottom: 0px;
padding-top: 0px
}
.td-post-sharing-classic {
display: none;
}
.td-post-sharing-top {
margin-bottom: -20px;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
I hope this was helpful !
Thank you !
Whatever I do border color remains black, I even tried to add custom css in theme panel with !important but didnt help.
I am not sure why this setting doesnt work? When I use it I can define border width on it, but color and style always remains same from some inline settings i cant find

hi, I’ve tried a bunch of css snippets found searching the forum but none have worked. i’m using style 1 at https://9gurus.com but can’t figure out how to get the logo fully left aligned so it sits even with the start of the menu…
Could you explain how to create a layout for 3 text block or images like this?
screen – https://www.screencast.com/t/fTpEx0J4iE
Before your template I used dewfault bootsrap format
example
———–
<div class=”row d-flex flex-wrap” align=”center”>
<div class=”col-lg-4 col-md-4 col-sm-6 col-xs-12″ align=”center”>
img1
text1
</div>
<div class=”col-lg-4 col-md-4 col-sm-6 col-xs-12″ align=”center”>
img2
text2
</div>
<div class=”col-lg-4 col-md-4 col-sm-6 col-xs-12″ align=”center”>
img3
text3
</div>
</div>
————-
How to it with your CSS?
Maybe I didn’t make myself understood. The fault of the translate. I’ll try again.
The footer is low on “all” the pages of the site. I use div composer tag on 2 pages only, I don’t use it for articles or other pages.
What should I modify? Isn’t there a css to indicate to raise the footer in the whole site?
You have given me excellent changes in the past via css, I am looking for something similar.
Hi,
I think that you referring to up to top arrow, for this you can use the below code
.td-scroll-up {
display: block;
}
This one need to be set in Theme panel> Custom code> Advance css> Phones.
Hope this will help!
Thank you!