- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hi,
I don’t think a screenshot is needed because this is an issue I experience often in the Tag div composer:
For example I use a “Text with title” or “Single image”. When I don’t want to show this element in the landscape/portrait/phone viewport, I select CSS – Display: hidden. So this element is hidden for example in the phone version.
But: The element will be loaded as it just is hidden.
Now I want to design a very wide header image for my first page – but a different one for phone users. If I just select “display: hidden”, the very big header image with a couple of MB will be loaded in the phone version – which is not useful. It should not be loaded in the very first place.
I hope now it’s clear 🙂
Hi,
To remove the date from the category you can use this custom css:
.category-3326 .td-post-date, .category-3326 .td-post-author-name span {
display: none;
}
and for posts, you can use this code
.category-aperitivo .td-post-date, .category-aperitivo .td-post-author-name .td-author-line{
display: none;
}
The css needs to be set in the theme panel > custom code> cutom css.
I hope this will help you!
Hi, there.
We are using TagDiv Newspaper 12.4 template and, this morning, we found out that our homepage, category view and article view have been messed up. The css formatting wasn’t like it was supposed to be.
After looking deep into the problem, we found out that the website is not rendering anymore the mobile version of the Cloud Template we assigned it.
Can you, please help us? I can provide you more details in private.
Regards,
Ciprian
Hi,
The background color appears until the images from the articles that have been set as featured images are loaded.
What you could do is force that background color with css, please check that css>
.td-big-grid-post .td-module-thumb {
background: transparent;
}
.td-grid-style-1 .td-module-thumb a:last-child:before {
background: transparent;
}
The first one will remove the gray color and the second one is for the gradient set on post titles.
The css needs to be set in the theme panel > custom code> custom css.
Thank you!
I’m using your Header Template 53 – Gourmet PRO including the image it comes with. It works fine for desktop but disappears on iPad (portrait & landscape), leaving a grey block. I checked the Header Cloud Template and see an image was uploaded/specified in CSS > Background Image in the Desktop Viewport. That field is blank for the other 3 viewports, but the Phone Viewport doesn’t use an image anyway. Is the image the header template came with supposed to be responsive? If not, do I need to upload an image to the Portrait and Landscape Viewports to fix this issue? And where would I find it? I’m not finding the file in my Media.
Hello, I have a not so important question but I prefer to do it than not.
I have updated to last Newspaper version today and then Admin post list table has appeared that way https://ibb.co/ryPsQyf
I mean the text from the tables has gonde to a middle alignment when it’s always at top. I have a code for showing feautured image at functions.php but it has always works fine and also when I delete it the “problem” persist. There´s any way to change css from admin table list so the text appears at top as always?
Hoping you understand the issue lol
Hello,
Depends, on the shortcode, some plugins have their own style for shortcodes, so you can customize there, and only add them to the page.
You can apply only the style that is available in the column text or uses custom code css.
Thank you!
Hello @skadayer !
Edit it with the tagdiv Composer and there you can find the settings for the margins in the CSS tab of every row/column/element. We have some settings for the rows and different stretch sizes: https://www.screencast.com/t/bsbB5P97A
Choose to stretch the row and content.
Thank you!
Hello,
The font size is 15px for the first element, please check the settings from here https://i.imgur.com/PjYD1MM.png
You can create your own CSS, using the inspector https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!
Hello @thomstouten !
Altcoins is a subcategory of the Research. So, you don’t have any option to hide the subcategories. Maybe you could add CSS: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!
Hello!
Please remove the border color from the CSS tab of the header zone.
Thank you!
Hello @mongooz !
Only if you set a class to an image in Gutenberg and write the CSS code for that class. Unfortunately, you can not have conditions in CSS code.
Thank you!
Hello!
Check in the website manager -> Global colors. Or change the background color on the rows from CSS tab.
We recommend using cloud/PRO templates in order to have the possibility to edit them with the TagDiv Composer, which contains a lot of functions and features, Please check our tutorial here: https://forum.tagdiv.com/tagdiv-composer-tutorial/
More documentation about the cloud templates is here:
– https://forum.tagdiv.com/cloud-library-templates/
– https://forum.tagdiv.com/design-post-pages-using-cloud-library-templates/
– https://forum.tagdiv.com/cloud-library-category-templates/
Thank you!
Hello,
This social sharing icon appears only on the mobile version. If you want it to be displayed on the desktop version, you need to use a custom CSS => https://www.screencast.com/t/slYFHBpS8tr
.td-social-viber{
display: inline-block;
}
The code needs to be set in Theme panel -> Custom code -> Custom CSS => https://www.screencast.com/t/fxetQe24ZHf
Thank you!
Can you give me the css code?
There are no blanks inside Gutenberg.
Hi,
Please try to use this custom code css
.category h1.entry-title.td-page-title, .category .td-read-more a
{
display: none;
}
Set the code in Theme Panel -> Custom code -> custom css.
Thank you!
Hello,
Please try to use this code css
#bbpress-forums li.bbp-body li.bbp-forum-freshness
{
width: auto;
margin-top: -22px;
}
Thank you!
Hello @engage-media !
Did you apply some CSS code in the theme panel?
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.
If the problem is still there, then contact us via email at contact@tagdiv.com and provide the following:
– admin url and credentials
– a link to this topic in order to identify you
We will take a look and try to help you asap.
Thank you!
Hello,
You can hide the read more with tagDiv Composer, flex block will find the option in the tab Layout https://i.imgur.com/nErhMJj.png, the same for Posts Loop.
The titles can be hidden only using a custom code Css. Please provide a link to your website.
Thank you!
Hi,
Please set this code in advanced code css for phone #bbpress-forums li.bbp-header li.bbp-forum-info
{
display: inline-block;
width: auto;
}
#bbpress-forums .bbp-header ul.forum-titles li.bbp-forum-freshness
{
display: inline-block;
width: auto;
}
Thank you!
Hello @mongooz !
1. No. But, I will add this request to our improvement list.
2. There are only a few settings for that, but maybe you can insert a CSS code.
3. For me, it works. Are you sure that you chose a font that has that font weight enabled? https://forum.tagdiv.com/font-customization/
Thank you!
Hello @mongooz !
If you add them in Gutenberg, then you should delete the space there. Also, you can add CSS code there.
Thank you!
Hi guys,
The LCP on my site is bad and I got an answer from a friend programmer:
these are not normal image tags so the browser does not realize the images are to be fetched. instead the tagdiv JS (https://serpositivo.com/wp-content/plugins/td-composer/legacy/Newspaper/js/tagdiv_theme.min.js) had to be loaded and executed and that will look for image containers in the HTML and load the images.
2 problems with that approach; JS is loaded late (deferred, to ensure it is not render-blocking) and as the browser is unaware the image is not loaded with high priority.
the best solution would be to (ask tagdiv support if) use normal image tags for those main thumbnails to ensure the browser loads those with high priority. typically (from a performance point of view) you would indeed want your entire above-the-fold part of the page to render without the need for extra CSS/ JS to be downloaded & applied/ executed.
Alternatively we could exclude Newspaper/js/tagdiv_theme.min.js from being deferred (so it would run faster, but would become render-blocking) and we could (manually) add the relevant URL to the “LCP image” in the “autoptimize this page” metabox on the “edit” view of your homepage, but these approaches are far from ideal really ..
Is there anyway to improve the LCP according to these issues?
Hi,
Unfortunately, for the moment it is possible to be hidden only for all posts.
But there can use a custom css that will apply to specific posts only.
Can you provide a few links to posts that you do not want to display the date?
Thank you!