- 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
I have solved that issue by installing the demo. but I need CSS code to reduce the size of see screenshot this is oversize which is not loking good in mobile
Images attached. The gap between the bottom of the Twitter label and the top of the next image are different.
The home page (I can edit the CSS space gap margin on the correct home page one) but how can I edit the space gap on the posts/pages (added via widgets)?
CORRECT (home page): 
INCORRECT (posts/pages via widgets): 
Hello
How can I disable the autorize of YouTube videos? It is a javascript code in the tagdiv_theme.js file that overwrites the css. I have videos on YouTube in 4:3 and 16:9 ratio. The autoresize uses only 16:9 ratios. I need to control the responsive of videos only with CSS, not javascript.
Best regards.
Joseph
Hi there,
I want to use the category tag on modules/blocks to identify Premium videos on my website. The way I want to achieve this is by using custom CSS to hide all the category tags except for the category called premium with its specific ID (which is 25).
Would this be possible?
If there is an easier way to use overlay banners or tags on thumbnails to identify Premium content for my users, then I would be happy to hear about this of course!
https://forum.tagdiv.com/category-tag-on-modulesblocks/
Best wishes,
Joram
Hello !
Sorry for missunderstanding your issue.
That will require custom CSS:
.td-church .td-banner .td_block_image_box .entry-title {
font-family: Verdana;
font-style: italic;
}
You can change the font to whatever you want.
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Hi,
If you want to remove the social notworks, just clear/remove the links from theme panel > social networks -> http://prntscr.com/pndvgo or you can use a custom css like this one > http://prntscr.com/pndvwt
#td-mobile-nav .td-menu-socials {
visibility: hidden;
}
Set the code in Theme panel> Custom code> Custom css
Thank you!
Hi,
In order to change only the color for that line, you’ll need to use a custom css like this one -> http://prntscr.com/pndnx9
.td-footer-wrapper div .td_block_template_8 .td-block-title > *:before {
background-color: #7f1813;
}
The code need to be set in Theme panel> Custom code> Custom css
Thank you!
Hi,
You can customize a default header style using the options from theme panel -> http://prntscr.com/pnd4tf -> http://prntscr.com/pnd4xv also you can use custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ or if you want to have more control over the menu layout, then you can try a header template from tagDiv cloud library and edit it with the new tool from tagDiv Composer, header manager -> http://prntscr.com/pnd5x1 -> http://prntscr.com/pnd63e
Thank you!
Hi,
The header style on Business demo is looking different because is custom made, if you want to make it to look as default header style 1, you’ll need to use some custom css-> http://prntscr.com/pnd05y
.td-business .td-header-style-1 .td-header-sp-logo {
float: left;
}
.td-business .td-header-style-1 .td-header-sp-recs {
float: right;
}
This code need to be set in Theme Panel > Custom Code> Custom css
Thank you!
Hi,
Is look that one is set on post and one on cloud template, if you want you can use a custom css like this one -> http://prntscr.com/pncxy8 to remove the translation set on templates.
.page p:first-of-type.wpml-ls-statics-post_translations,
.single .wpml-ls-statics-post_translations
{
display: none;
}
.single .tdb-block-inner .wpml-ls-statics-post_translations
{
display: block;
}
Thank you!
I’ve got a news site that will be updating multiple times a day. At the top of the homepage is a news ticker element for “Breaking News” (severe weather warnings, world shattering news, etc.). It’s not something that I want on constantly because it may be days between anything important enough to qualify as breaking news needs posted, and it doesn’t look good to have something (like a weather warning) from days ago still up there like it’s something people need to worry about now.
Is there some way to just toggle the element off after a set amount of time or something? The only solution I’ve got at the moment is to delete it and re-make it as needed and that’s not going to work. There is the display option in CSS but once I set it to hidden and click away I’ve got no way to set the element back to show (which is a whole other problem that needs addressed; maybe just have the element grayed out in the composer when it’s set to display hidden instead of making it disappear never to be seen again).
Thanks
I have tested my web in PageSpeed Insights and my score is terrible: 1 point in mobile and 29 on laptop. My URL is: https://www.tuvisitaguiada.com/prueba/
I have configured the WP Super Cache Plugin like in your manual, but it doesn´t work.
My worst problems are:
-Remove resources that block rendering –> I don´t know how to do it.
-Enable text compression –> also the same.
I have checked this CSS delayed:
-1.6300 ms the load: td-legacy-framework-front-style | https://www.tuvisitaguiada.com/prueba/wp-content/plugins/td-composer/legacy/Newspaper/assets/css/td_legacy_main.css
-630 ms: rs-plugin-settings | https://www.tuvisitaguiada.com/prueba/wp-content/plugins/revslider/public/assets/css/rs6.css
-750 ms: revmin | https://www.tuvisitaguiada.com/prueba/wp-content/plugins/revslider/public/assets/js/rs6.min.js
The first I don´t know what is it, and the other I suppose is the Revolution Slider Plugin, but is so bad to slow so the load. Can you help me?
Thanks.
Hi,
In order to remove the shadow and keep the move up animation, you can use this custom css
.td-h-effect-up-shadow .entry-thumb
{
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
box-shadow: none!important;
}
The code need to be set in theme panel > Custom code> Custom css
Thank you!
My theme failed to install because it says the css is missing in the zip file uploaded. please help.
ok, so how can it be remove ?
and how to block it to be loaded, with css ?
Thank you
-
This reply was modified 6 years by
gumball44.
Hi,
Unfortunately the shadow from that effect can be remove only manually from the theme or you can use a custom css to block it to be load.
Thank you for your understanding!
Hi,
You can set a class on it and add a custom css that will hide it if it will be display on a mobile, here is an example:
<div class="td-paragraph-padding-1 hide-on-mobile "></div>
-> http://prntscr.com/pn18zb
.hide-on-mobile {
display: none
}
Also please notice that the code set in Theme Panel > Advance css will not work for mobile theme, only for responsive version.
Thank you!
Sorry maybe I haven’t used the right words.
Yes my header is from cloud, I let you check, we have only 3 options “hover effect” for the mega menu module, and I want only move up effect without shadow.. is it possible with css ?
Thank you
-
This reply was modified 6 years by
gumball44.
Hi,
Unfortunately this can be done only using custom css, but you want only the featured image to be round -> http://prntscr.com/pn0ngx -> http://prntscr.com/pn0p1t
.td_flex_block_1 .entry-thumb {
border: 5px solid red;
}
This custom css will be apply only on flex block 1.
Thank you!
Hi,
is there a way to activate move-up effect without shadow effect with css ?
thank you
Best regards
Hi,
In order to change the background color/image on Romania News Pro you’ll need to edit that header template with tagDiv Composer, click on the row and check the css tab -> https://www.screencast.com/t/g9DiZaSiSeQ2
Thank you!
Hi,
Please replace the css for background color with this one https://www.screencast.com/t/1KlzURJwc91u
div.wpforms-container .wpforms-form div.wpforms-submit-container button[type=submit]:hover {
background-color: red;
}
Thank you!
-
This reply was modified 6 years by
Calin.
Hi,
If you want to change the layout of the Newsletter, please check this section -> https://www.screencast.com/t/0ki4oAnZ6bG also we use the style 5 -> https://www.screencast.com/t/fSX5VR7tB after that you’ll need to use this custom css ->https://www.screencast.com/t/3r2JmKYAm
.tdn-input-bar-display-column input[type=email] {
border-bottom-left-radius: 25px;
border-top-left-radius: 25px;
}
.tdn-email-bar button {
border-bottom-right-radius: 25px;
border-top-right-radius: 25px;
}
Thank you!
Hi people,
I changed the logo and after updating the header is broken:
–> http://slimhuis.tech
Can someone see what the problem is and how i can fix this?
Maybe looking into the CSS.
@vlad can you find out what the problem is?