- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hi,
In order to do that you need to use some custom css ->
.vc_widget_sidebar {
display: none
}
set that custom css in Newspaper>Theme panel>Advanced css and set it in area for what device you do not want to have the widget -> https://www.screencast.com/t/2PZmXuxi
Thank you!
Hi,
Please try this custom css ->
.single .tdb_single_bg_featured_image::after{
background: transparent;
}
https://www.screencast.com/t/w9MwMRY45h
Hope this will help you!
Thanks.
Hi,
Please provide a link were I can inspect this problem, in this way I will be able to provide you the right custom css.
Thank you for your understanding!
Hi,
Please try this custom css
.td-module-thumb:hover img{
-ms-transform: scale(1.1); /* IE 9 */
-webkit-transform: scale(1.1); /* Safari 3-8 */
transform: scale(1.1);
transition: transform .3s;
}
.td-module-thumb img{
transition: transform .3s;
}
-> https://www.screencast.com/t/1CGNHVZvW1m
Set it in newspaper>theme panel>Custom code>Custom css
Hope this will help you.
Thanks.
Hi,
In order to add or remove those you need to go in Newspaper>Theme panel>Social networks -> https://www.screencast.com/t/XfOyRPnifsoR but note that this social will be display on all device not only on mobile.
Also in order to set them only on mobile or desktop you’ll need to use custom css.
Unfortunately our theme do not have any option to let you to reorder the social networks, this can be achieve only custom css too.
Thank you for your understanding!
Hello Danela,
Try the code below and place it in Theme panel -> Custom CSS area.
.td-container, .tdc-row {
width: initial;
}
.td-header-sp-phone{
margin-left:10px;
}
Thanks.
Hi,
Unfortunately our theme do not have yet that option, you can set the class in custom css for example -> https://www.screencast.com/t/VdGCBVm4bB
You can check more about this here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you.
Hi,
thanks, but I want third image not be affected by CSS. Only first and second image I want to be affected by CSS. I want third image to be modal and CSS affected this image height too. Can be this CSS aplied only to first and second image?
I have:

I Want:

So you are referring to this cloud post template
– https://affiliate.tagdiv.com/#/single/single/Single/24
The background colors are set for the rows, in the CSS tab – http://prntscr.com/maxrir
There you can change them to the color you want – http://prntscr.com/maxrtr
In my case there is no problem with this setting, something must be causing this issue in your case.
We could take a look at it, send us admin login at contact@tagdiv.com and we will check the cloud template. Include a link to this topic in the email.
Hi,
I just investigate this problem, and is seams to be a demo customization and this has a strong css that is apply over tagDiv Composer style and in order to set that color you need to use a custom css, also please remove the category text color from the footer in this way that style will no more try to be set.
.td-spa .td-footer-wrapper .td-post-category {
color: #e5ad25;
}
Please set the css in Newspaper>Theme panel>Custom code>Custom css
Thank you for your understanding!
Hi,
The change appear because first time is load the css from theme file, after that is set the css from theme panel, in order to make this to disappear you can optimized you website, you can try our page-speed guide -> https://forum.tagdiv.com/how-to-make-the-site-faster/
For icons on menu you need to install Font Awesome 4 Menus plugin, please check our documentation for How to add an icon in menu -> https://forum.tagdiv.com/how-to-add-icons-in-menu/
Thank you.
Hi,
I just installed the latest theme’s version and the “News Magazine” demo.
When the home page loads, the top menu, top bar and main menu colors show up differently and they switch to normal after a second or two.
Also, the main menu does not have the icons in the menu links.
Here is my demo.
I found this code in style.css file but I don’t want to change it because the change will be lost when I will update the theme:
a {
color: #4db2ec;
text-decoration: none;
}
Can you, please, help me with this?
is it possible to write page or post-wide (not site-wide) custom css in the tagdiv composer,
like in wp bakery page builder?
i see there only site-wide custom css button in the footer of composer
hi,
thanks, works good, but only working for width. But height is still 250px for non inline image. I want only set height 250px to first two (inline) images. Another modal images I want them looks like default inline modal images without css.
Current:

–
What I want for no inline modal image:

Thanks
-
This reply was modified 7 years by
miro382.
Hi I have recently purchased this theme and am generally impressed by the options available.
However, when trying to edit a page with the Tag Div Composer, the interface takes about 40 secs to load having pressed the blue button at the top of the page.
I have searched forum and come across various threads but none of suggested solutions are working. I can’t see anything on console either apart from a missing css file which I have re-created.
Please could advise on what to do next. It is pretty unworkable as it is.
Thanks
(PS running Worpress 5.03 on a reasonably fast server – everything else is loading normally)
Hi,
Please try this custom css
.td-header-menu-wrap ul li a,
.header-search-wrap #td-header-search-button .td-icon-search{
line-height: 48px!important;
}
.td-header-menu-wrap-full, .td-header-menu-wrap ul li a {
height: 48px!important;
}
-> https://www.screencast.com/t/ZDWggO4Pm
-> https://www.screencast.com/t/QUM6q6BHb
Hope this will help you!
Thanks.
Hi,
Please set this class first .tdm-inline-image-wrap like this -> https://www.screencast.com/t/KVOKKN1hhxN in this way the css will apply only on inline images.
Hope this will help you.
Thanks.
Hi,
The weather widget in that demo contains a customization for displays larger than a certain width, this will make the text lowercase. For example
Desktop – http://prntscr.com/majsao
Mobile – http://prntscr.com/majsho
You could use some CSS to make it capitalize it permanently
– http://prntscr.com/maju1k
This is the code for it, you can enter it in theme panel custom code CSS section
.td-business.home .td-business-home-row .td_block_weather .td-weather-header .td-weather-city {
text-transform: capitalize!important;
}
The issue you are having with the footer is quite unusual. The footer should be same as in the homepage, and how it is in the demo
– https://demo.tagdiv.com/newspaper_business/brexit-would-trigger-economic-and-financial-shock-to-uk/
In your case it looks like the footer section is part of the main content for some reason. Did you make any modification tom the post template files? or maybe enter ad codes in the theme panel (check them if you did, check the tags to be closed properly or test without them). Let me know.
Thanks
It`s work for floating menu bar when user scrolling, but i need css for not floating menu which have more height than floating menu.
Hi,
If you want to hide this social on mobile -> https://www.screencast.com/t/7zN10vM0xY6Q you can use this custom css
#td-mobile-nav .td-menu-socials {
visibility: hidden;
}
https://www.screencast.com/t/EV37DPnlch7
Thank you.
Hi,
1)Try to use the code below and place it in the editor_style.css core file.
#wpadminbar{
display:none;
}
The result -> https://www.screencast.com/t/fqsYxjjX9KV
2)You need to find some Maintainace plugin -> https://wordpress.org/plugins/maintenance/
Thanks.
Hi,
Please try this custom css
.admin-bar .td-header-menu-wrap.td-affix {
height: 48px;
}
If the code do not work please let me know which demo are you using and which header style.
Thank you for your understanding.
Hi,
It seems to be a mini-bug which will be fixed in future update. Until this, please use the code below and place it in Theme panel -> Custom CSS area.
The code is here ->
.tdm-btn-text{
pointer-events:none!important;
}
Thanks.
Thanks. I changed CSS and it work out for desktop. But it didn’t effect the mobile version. Please, what is the CSS code for both mobile and desktop?
Hi,
That depend on what feature you want on mobile theme.
Please note that the mobile theme is made simple, in this way is faster, so for mobile theme you can use custom css , but if you want to have more blocks/modules or effects please deactivate the mobile theme and use only the theme, also some blocks like flex blocks can be set on each device.
Thank you for your understanding!