- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Dear Admin,
I have an issue relate Header layout which build by Tagdiv Cloud plugin.
The Header layout blinking before loaded. I think this issue maybe belong critical css. But I dont know how to fix it.
Here is the step reprocedure the issue:
Video: https://streamable.com/h2srwz
Image: https://i.ibb.co/fHhMX2M/Screenshot-2023-04-12-131719.png
Please kindly suggest me.
Thanks
Hi, sorry, the fastest way to solve the problem https://i.imgur.com/zh6YOYo.png is with a css code. Bettina added this problem to the list and a fix will be included in the next update.
Sorry for any inconvenience!
Alternatively if there’s a way that I can modify the Slide block to make these blue arrows always visible (they only appear on mouse hover), this would be the easiest fix to my issue.
Is there any way to do this via CSS or editing the Slide block’s code directly?
Hi,
The css only hides the element, as it still, in fact, exists.
So it appears that anyone can unhide it (via dev tools), and start uploading a large quantity of image files, which can potentially harm/overload the website (CPU, etc), especially if a few users do this (or bots).
Isn’t it a security issue?
I’ve created it above the example section on https://bridgwateronline.com/category/community
How do I get to make it look like the example? In MailerLite, it does look like the example, but in the theme it comes out differently. MailerLite support says this is due to the theme changing the CSS.
There shouldn’t be any images in the code.
The Theme Panel does not have the Mobile Theme tab as you mentioned in your previous reply, and therefore I couldn’t find this path “Theme panel -> Mobile Theme -> Custom code -> Custom CSS”. The theme panel only has a tab named “Custom Code”. Under Custom Code tab, there’s Custom CSS and Advanced CSS, but none of the code options specifies CSS for Mobile Theme. Tried putting code under Custom CSS but still only worked for desktop and not on Mobile Theme.
Hi,
Unfortunately, for the moment this can be done only with custom css:
.tds-s-form-content .tdb_form_file_upload {
display: none;
}
This code needs to be set in the theme panel > custom code> custom css.
Thank you!
The problem you have with adjusting the image on mobile is due to the fact that you use an element that sets the image with css, and due to the fact that the image is very wide, on mobile, it must be smaller to be displayed – https://i.imgur.com/w3FiOgi.png or you can replace the element with the featured image.
Thank you!
Hi I have disabled all plugins and cache cleared no change. Review stars and the author button are not displayed.
the funny thing is the other buttons like category and comments are displayed when the layout setting is set to show. I didn’t change anything about the css either. There is also no child theme.
Greetings Birgit
I am trying to find where to adjust the display none for desktop.
Basically what I am trying to do is change the size that tells the side bar to hide in a desktop browser if someone should narrow the window. I tried to add a css code but that’s not working. I saw an inline code but once I changed that it didn’t work either.
I usually have multiple windows up during OBS live streaming. Once I begin to make the window for the website more narrow the side bar stays there when I would like for it to disappear. I don’t want the side bar showing in the live streams. I just want the article to take more of the screen.
I don’t wish to hide the sidebar on mobile or table etc. Just for landscape desktop once the screen has been narrowed to a certain point. So, say the size to hide the Side bar is 768px wide – for desktop I want to increase that so that the side bar hides at a wider px
Hi,
If you made a custom CSS and you use a mobile theme, then you need to add the code in the Theme panel -> Mobile Theme -> Custom code -> custom css.
Thank you!
CSS styling for background color for text in articles is not working on mobile. It was pasted in Theme File Editor. However, the styling is only working on desktop but not mobile. The mobile theme plugin has been activated. How do I get it work on both desktop and mobile?
Hi,
I think the problem is caused by a plugin for cache which optimizes the CSS and js.
Can you force refresh the page(https://fabricdigital.co.nz/blog/how-to-hard-refresh-your-browser-and-clear-cache) and purge the all cache?
Thank you!
Hello,
Please try to use this custom code css -> https://i.imgur.com/t1s8knj.png .td_module_flex_2 .td-module-thumb {
border: 5px solid red;
}
Set the code in Theme Panel ->Custom code -> Custom CSS
Thank you!
Hello,
To remove the sign-in/join from the header you can do it with tagDiv Composer => https://www.screencast.com/t/Y5j6ArY8Ug , select the element, and with right-click, you can delete it => https://www.screencast.com/t/GshM3Q3nwDv r using the drag and drop -> http://prntscr.com/owlz2r or you can simply click on the row and press the delete button from your keyboard -> https://www.screencast.com/t/Mai7iyEG
The same steps are for all elements added with tagDiv Composer.
You can edit the color here -> https://i.imgur.com/FqAPGjC.jpg for the text.
You can try to use the option Drop More for desktop -> https://i.imgur.com/l7kebvO.png
or you need to use a custom code css to do the menu like that.
Thank you!
Hi,
If the Amazon ads are set with the “Custom HTML” widget then you can use a css code to center them. If you can provide me a link to a post or page where I can inspect an amazon ad, I can make the css code for you (you can also set a class on custom HTML elements so the code will be applied only on the elements that are using that class).
Thank you!
Hello,
in the meantime I did a roll-back to 12.3 using “Newspaper Time Machine”, “Social Share” area was there again, switched back to version 12.3.1 and it’s gone again.
Look for example at this Page: https://alzheimer-science.com/en/transcranial-pulse-stimulation/what-is-transcranial-pulse-stimulation
Over the H1-Tag (What is…) should it normally appear
12.3 (social-part without css-styles):
<div class=”td_block_wrap tdb_single_post_share tdi_67 td-pb-border-top td_block_template_9″ data-td-block-uid=”tdi_67″>
<style>…</style>
<div id=”tdi_67″ class=”td-post-sharing tdb-block td-ps-bg td-ps-notext td-post-sharing-style1 “>
<style>…</style>
<div class=”td-post-sharing-visible”>
<div class=”td-social-sharing-button td-social-sharing-button-js td-social-handler td-social-share-text” style=”transition: opacity 0.2s ease 0s; opacity: 1;”><div class=”td-social-but-icon”><i class=”td-icon-share”></i></div>
<div class=”td-social-but-text”>Share</div>
</div><a class=”td-social-sharing-button td-social-sharing-button-js td-social-network td-social-facebook” href=”…………………….
<div class=”td-social-but-icon”><i class=”td-icon-plus td-social-expand-tabs-icon”></i></div></div></div></div>
12.3.1:
<div class=”td_block_wrap tdb_single_post_share tdi_67 td-pb-border-top td_block_template_9″ data-td-block-uid=”tdi_67″>
<style>…</style></div>
Thanks in advance!
Hi, this is Flex Block 2. I can only seem to control the border of the entire block as you can see here, but I would like to be able to control the border around each module within the block (ie: a border around the edge of each image).
Other blocks (like Flex Block 1) support this option. How can I add this to Flex Block 2? (I’m happy to add a CSS class and apply it to the block if need be, I just don’t know exactly how to write the class to do this)
Hey, I would like to
1. hide the comment function for external users and show the comment box only to logged in users. I am usually using the content restriction plugin to hide information for certain user roles. But with tagdiv content I do not know how to apply the content restriction shortcodes (
2. Is there a way to remove the fields “surname” and “name” in the comment box? I would like external users be able to submit their comment only with their email address.
Thanks in advance!
Example for a comment box on my website: https://urban-digital.de/ready2twin-mit-virtual-city-systems/
My content restriction plugin: https://wordpress.org/plugins/content-control/
Content restriction shortcodes that I normally use to hide forms etc.:[content_control roles=”subscriber,editor” class=”custom-css-class” message=”You don’t have access to this.”]Logged in content[/content_control]
You can force the border width by personnalised css :
https://prnt.sc/-O_Q1GLkKnK6
But i want a clean option from TagDiv
As title i would to allow html in title/excerpt or enable custom field in flex block for post ID
Explain better :
I’m a publisher and i use Tagdiv newspaper by several years . But i have needed some editorial functions for my digital newspaper website , basically a secondary title that i can custom with words/hyperlinks (as big newspaper website):
Custom field was the simple solution to make this but in tagdiv composer in frontpage there isn’t custom field in flex blocks
So secondary solution was to hook the_title and inject custom fields by post ID but the_title doesn’t allow html so i cannot skin with css ( using esc_attr html code appairs in homepage but it’s not render )
My question is :
In tagdiv is there the possibility to enable HTML codes in the_title so that I can add the desired functionality to the title?
Thanks
Hello!
I can see that is broken on mobile and you can not solve it with CSS code.
Please ask the revolution slider theme’s plugin. Are you sure you’ve created also a responsive version?
Make a test and deactivate ALL plugins except tagDiv ones, also if you are using a cache plugin, deactivate it, clear all cache and try again.
Let me know the results!
Thank you!
Hi,
Please add this code .td-crumb-container .entry-crumbs
a, .td-crumb-container .entry-crumbs, .td-post-author-name a
{
color: black;
}
You can create a CSS for that you want to change -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!
Hi,
You can change the margin or padding in the tab CSS.
Thank you!
