Hello @korik12 !
The theme has no option in order to do that. So, please check if you do not have a CSS code in the theme panel or Live CSS box: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!
Hello!
If you use cloud templates, then you can try to adjust the element’s paddings/margins from the CSS tab or by writing some CSS code in the Live CSS box: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!
Hello @mhariush !
Every page should have the Live CSS box: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ in order to adjust the way it looks.
Thank you!
Hello!
That effect is produced by a custom CSS code which you will find in the Momentum pro demo.
Every page should have the Live CSS box: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ in order to adjust the way it looks.
Thank you!
Hello!
Every page should have the Live CSS box: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ in order to adjust the way it looks.
In order to edit any custom page with the TagDiv Composer, you can create a new page from Dashboard -> Pages, edit it with the TagDiv Composer: https://prnt.sc/_Qz1sVbjqZqG and assign a blank page from Cloud templates. You can start customize it as you need.
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/
Actually, we have 3 options for mobile versions that you can use:
1. Responsive version: A responsive version of your website looks similar to the desktop version. TagDiv Composer is used to edit the page.Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB. There, you can see your mobile version and edit or adjust the elements to look better.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages
3. Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and designs for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.
A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY
If you need to use the mobile version 1 or 2, then you need to disable the Mobile Theme plugin.
Thank you!
Hi tridence,
Unfortunately, there is no option in the theme to change the width on Newsmag. There were users who tried custom css, but the problem is that many elements do not adjust well to a larger size.
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!
Every element has a class. Follow this guide: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!
Hi,
For the mobile background color, what I can suggest is to clear the background color from the theme panel – https://i.imgur.com/tbHbRIu.png and try to use a background – image – https://i.imgur.com/DIKZcmT.png or an alternative will be to set the background image using a custom css that will be add in the body content to be used only after the content is loaded.
I understand, not really for the moment flex blocks do not allow selecting a different image size for the mobile version, this problem can be solved using a mobile page template for the single element and change only the essential elements, such as the thumbs – https://prnt.sc/hpBWwXASLeF9 – https://i.imgur.com/9qRH9JA.png convert header and footer too – https://prnt.sc/ASiv_cYqALhq – https://i.imgur.com/UXw4W7e.png
Thank you!
Hello,
You can edit templates with Tagdiv Composer, not posts, the posts are created in Gutenberg.
No, the users can add only text in the reviews.
You can try to use https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ to create your css, or you other option.
Thank you!
Hello @twhitfield27 !
Yes. Check the guide here: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Please provide more information(screenshots/video) about what exactly you need to achieve or what is the issue there and your website link.
A solution for sending a screenshot/video is this:
Download, capture, and send: https://www.techsmith.com/jing-tool.html
After making the screenshot, you will have a link; paste it here.
Thank you!
Hello @ludyma !
We have 3 options for mobile versions that you can use:
1. Responsive version: A responsive version of your website looks similar to the desktop version. TagDiv Composer is used to edit the page. Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB. There, you can see your mobile version and edit or adjust the elements to look better.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages
3. Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and designs for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.
A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY
Which mobile version do you want to use? Check this guide: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!
Hello Bettina,
Your solution did not work. Using my browser’s inspector, I can get a class (something like tdi_148) from a page and assign “display: none;” to it. But on another page this class will be different. So I will have to manually add more and more classes for every single page. Moreover, I may have several “Related article” blocks in one post.
Finally, I created my own classes and assigned them to each shortcoded element using the field Extra Class in TD composer:
@media (max-width: 767px){
.my-custom-hidden-mobile {
display: none;
}
}
@media (min-width: 768px){
.my-custom-visible-mobile {
display: none;
}
}
Now it works as expected. I get shortcode of the flex block and I insert it in many various posts on my site. They are properly hidden on mobile screens (or visible on bigger screens only).
I know how to inspect elements and read the classes.
But in this thread Calin recommended me to create a class and assign it to element (without necessity to dig its name with the browser’s inspector). Therefore my question was totally different.
I asked whether you have ready-to-use classes for hiding/displaying elements on various screen sizes. Then I cann assign such classes to particular elements to show/hide them. For example, xx-hide-on-mobile, xx-show-on-mobile, xx-hide-on-desktop etc
I used another theme in the past and they made such classes available for the users. It was very convenient in some situations.
Hello @watashi314 !
If you use the extra class from an element, you need to write a simple CSS: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!
Hi,
What I recommend in this situation is to set a class on that flex block – https://i.imgur.com/vyDez23.png and use a css to hide the featured image only for mobile. By doing this, there is no need to set that block twice and increase the size of the page.
Thank you!
Hi,
If you are using cloud templates, then you can set all the settings on that cloud template using tagDiv Composer – https://i.imgur.com/2d6Cuk2.png – https://i.imgur.com/7ThBalt.png (the theme panel fonts will apply only for standard template from tagDiv Standard Pack plugin and some options that are general).
“Second, in Theme Fonts, please tell us the function description and operation method in each menu of the subcategory https://ibb.co/6yZWpLY menus.” those will be applied only for standard templates added by this plugin – https://i.imgur.com/UbeyHn1.png – https://i.imgur.com/n6oXkyR.png
“Next question.
Post → Block → Advanced → Additional CSS Classes
tell me how to use”
You need to set the class on that element, save/update/publish the post and use that class to create your custom css -https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
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!
Hello
As can be seen here
https://www.loom.com/share/fdf6c891706641bbbfcd637c0247e3cb
I leave the video because with the browser and inspector of the pc version it cannot be seen, although you can see it by accessing the same entry with your mobile phone https://www.trebol-apuestas.com/tragaperras/amazing-link- riches/
The image shown through the –Bg Featured Image– module is blocked because apparently because the CSS it uses should be excluded in the box that I indicate here https://imgur.com/a/bB44m1H of WP Rocket. What would be the CSS that the module may be using to exclude it in this cache plugin?
Sincerely
Hello @f5guru !
That is a block from the homepage, I guess.
We have 3 options for mobile versions that you can use:
1. Responsive version: A responsive version of your website looks similar to the desktop version. TagDiv Composer is used to edit the page. Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB. There, you can see your mobile version and edit or adjust the elements to look better.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages
3. Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and designs for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.
A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY
Unfortunately, you cannot customize the elements with the TagDiv Composer if you use the Mobile theme plugin. Maybe with a custom CSS: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
If you want to use the responsive version or a mobile page as described above at points 1 and 2, then you need to uninstall the Mobile theme plugin.
Thank you!
Hello @nachtwache!
That warning is not a problem. Make sure you save the settings there. You can also use the LIVE CSS to add custom CSS code: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!
Hello!
A CSS code can be added in the Live CSS or in Newspaper -> Theme panel -> Custom code -> Custom CSS): https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
The old style is accessed by that ID. Now, if you will delete the values of that ID, then the style will be lost.
This is a workaround of what you need to do!
Thank you!
Hello,
You can create a css for that video script -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!
