- NewsmagLoading image effects
- NewspaperLoading Image Effects
- NewspaperIntroduction to CPT and ACF with Newspaper Theme
- NewspaperFlex Block Settings Guide
- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperBig Grid Flex Settings
- NewspaperDesign your post pages using the Default Templates
- TutorialsDefault Block Settings Guide
- TutorialsSystem status parameters guide
- NewsmagRequirements for Newsmag
- NewsmagBlock settings tutorial
- NewspaperBlock settings tutorial
- NewspaperMore articles box
- NewspaperRequirements for Newspaper
Hello,
You need to edit with tagDiv Composer the cloud template/page, and you can remove the breadcrumbs with a right-click you can delete => https://www.screencast.com/t/BEJIVduVFyZ , or selecting the element and with drag & drop place into the deleting red zone from the bottom right of the page.
Thank you!
News paper 12 theme
http://madeinkorea.aving.net/wp-admin/post.php?post_id=435&td_action=tdc&tdbTemplateType=page&prev_url=%2F%2Fmadeinkorea.aving.net%2Fafro-2023%2F#
I want to add a full -length content block between a bottom and the footer but I couldn’t do it.
1) there are two EMPTY INNER BOX in a small column in the mid block. How I can remove those needless EMPTY INNER BLOKC?
2) Then how I could add a full -length content block between a bottom and the footer?
Hello, I have been using the newspaper theme for quite some time now, but I’ve been struggling with why the images for Instagram do not load at the bottom of the page. I have removed and added the link to Mehta, but it does not seem to resolve the issue. Any help would be gladly appreciated.
Hi NSN India, the suggestion with the mega menu option was usefully for other clients, in your case the menu is ok, but you need to improve the logo, right now I se that this do not have set a width and height – https://i.imgur.com/nJCp7pX.png for this all that needs is to set the logo image with tagDiv Composer – https://i.imgur.com/DSIw8cL.png – https://i.imgur.com/vVypb1J.png
For revolution slider what you can do is to use those guides:
– https://wpmudev.com/blog/optimize-slider-revolution-wordpress/
– https://www.sliderrevolution.com/tutorials/optimizing-load-speed-and-performance/
Also, what I recommend is to remove the youtube video section from the bottom of the homepage, this should also improve the page speed.
Unfortunate, for the save options button there is no option to change it from how it is now. The dropdown was added because the main save button was saved automatically all 3 templates (header, content and footer) and that was why the option to save only a specific zone was added. I’m not sure, but I think it can be made a custom code to remove the save header and footer.
Thank you!
Hi,
I see that you don’t have anymore the ads from panel -> https://i.imgur.com/lmLjLxh.png
Please let me know what issue you have exactly with the ads.
Usually, the ads in prebuilt websites are set in the element AD BOX, and you can remove it, edit with tagDiv Composer, select the viewport for phone and select the Ad box element and with right-click you can delete it => https://www.screencast.com/t/2GfCVx9BCAw7 or with drag & drop place it into the deleting red zone from the bottom right of the page
Thank you!
Hi Team and Community,
I am utterly confused about the image sizes and best practices. I’ve read ALL of the documentation and links on TagDiv, so please don’t simply refer me to a broad link, as some things aren’t clear to us as customers.
I hope this thread will be useful to a lot of people struggling with this:
Site layout (max width):
– Row stretch up to 1400px
Home page:
– Headlines: 3 images in 3 columns , roughly 1400/3 so width 450px [900px on Retina]
Article page
– Featured image: width 1080px [2160px Retina]
– Sidebar (related): 3 images floated vertically, width 320px [640px on Retina]
– Bottom bar (popular): 4 images floated horizontally, so roughly 1400/4 = width 350px [700px on Retina]
I work on a Mac, and having good image quality is important, so images should be served as x2 resolution (Retina) on devices that support it.
Based on this I have selected these thumbnails in the Theme Settings:
a) Headlines (>450px) => 696×0 + Retina
b) Featured image (>1080px) => 1920×0 + Retina
c) Sidebar related (>320px) => 696×0 + Retina
d) Bottom bar popular (>350px) => 696×0 + Retina
I noticed some images were not sharp, and I briefly installed Jetpack Boost to check why that was.
It gave me warnings that the images shown on my Retina screen were not big enough.
All of the images that I upload are 1920px wide, so it has enough pixel data to work with.
We are using responsive design, not AMP because AMP almost completely removes recognizable branding and it’s a hassle to create 2 versions of each page, instead of a simple responsive layout.
So 4 questions:
1) What happens exactly when we select, for example, the thumbnail 696×0 + Retina?
In our case of a) Headlines, the image shown on the display should be 450px on old displays, and 900px on retina displays.
So should I select 696×0 or should I select a 1068×0 (bigger than the retina resolution)?
2) What about case d). I need at least 350px on old displays, and roughly 700px on retina displays.
696×0 is only 4 pixels short of 700px. What should I select? in TagDiv Composer as width, and should I for that resolution enable [] Retina as well or not in the Theme Panel?
These 2 questions are most important first. If we don’t know how resolution is handled by the theme, then all attempts to optimize the page for speed breaks down from there.
3) It seems that we cannot set different resolutions per device type in Flex Block. How can we make sure that smaller devices don’t load images that are 4x bigger?
4) I’ve been testing different plugins, with mixed results in terms of Google PageSpeed Index scores.
Which image optimization plugins have been tested and give the best results with NewsPaper theme, preferably that does all of what it needs to do in the background.
Any other suggestions that can be helpful?
Hi,
Usually, the ads are set in the element AD BOX, and you can remove it, edit with tagDiv Composer, select the viewport for phone and select the Ad box element and with right-click you can delete it => https://www.screencast.com/t/2GfCVx9BCAw7 or with drag & drop place it into the deleting red zone from the bottom right of the page
Thank you!
Hi,
I am trying to build a module with title over the image like this to display my web stories. To achieve this, I did the following:
1.) Inserted an inner row inside a row.
2.) Inserted module image shortcode inside parent row.
3.) Inserted module title(white color) inside inside child row.
4.) Made the child row absoluted and positioned it bottom.
- Now first thing, I have to use a transparent gradient black image overlay(image effects) so that my white title is visible even if the image behind it is lighter in color. When I select Overlay option(in blend) from image filter, it messes up the image and it doesn’t work as an overlay. So I switched to the Darken option and it works perfectly, I can change the opacity to 100(in overlay it’s always transparent regardless color opacity). But now the problem is that the darken option covers the title also even if the image is behind the title. I mean the effects are only applied to image, why is it covering the title.
- Secondly, I am unable to select the title element. I have to move my mouse quick to the element section(row|coloum|element) before it disappears or double click the element to be able to select it. It’s very annoying. So I disable the absolute option temporarily if I want to make any changes to the title or anything inside the child row.
I had to tweak with the inner row’s z index(999) in order to remove the effect from title. It’s just a hack, not an efficient solution. Why is it happening?
Please see this video (change quality to 720p).
Thanks.
Hello,
The image ads are added in demos, so to remove them you need to edit with tagDiv Composer, select the element Ad Box and with right-click, you can delete it => https://www.screencast.com/t/2GfCVx9BCAw7 or with drag & drop place it into the deleting red zone from the bottom right of the page.
The ad box has 3 sections for ads: using theme panel ads -> https://i.imgur.com/KFa9ibl.png, using images/banners -> https://i.imgur.com/MfAPTaE.png and custom code -> https://i.imgur.com/2rh8SuD.png save it and will appear on the post (you can set a shortcode like a shortcode from adrotate plugin or other plugins)
Thank you!
I have send an email to the team. There is a file manager plugin there also to access the WordPress default files.
I have been using normal WordPress installation before and everything works fine but it stops working after I moved to WordPress multisite. So I guess the tagDiv theme/plugins have compatibility issues with the multisite feature.
The background image on the login page: hiideemedia.com/login is not showing perfectly as I wanted.
I want it to show as full-height background image. It should fit into any device that loads the page. From your recorded video(https://www.screencast.com/t/8kZItE5F9Ras), I can see some white background at the bottom. Please how can I make it full height
In such case one always has to check evt custom css @ Newspaper -> Theme Panel -> Custom Code -> Custom CSS 🙂
I completely oversaw that and found that the css line at the bottom of the site was in there. Once I removed it, the line was gone.
What I ask myself: how can a css line be displayed as text, as its function is to readdress the way something (optically) is behaving/showing instead of being displayed?
Hoping to get some help, or at least point me in the right direction. Everywhere I turn to, they point the fingers at someone else. So I am hoping it is a simple Newspaper Theme issue that can resolve it.
Long story short – site has been slow, looking to switch hosts (open to suggestions!). In doing so, I checked my storage used and bandwidth. Didn’t think much of it when I saw 6.7GB storage, and over 100GB of bandwidth on 55k visitors.
But, when looking at some hosts – seemed common from what they are telling me to not need over 10GB of storage or 50GB of Bandwidth until at a bare minimum of 100k visitors, more likely at 250k. its just a standard blog with some basic images.
Ran a few pages on pingdom – coming back at 1.4mb to 1.8mb each. Well times 55k visitors, bandwidth makes sense now. And slow loading too.
Kept digging, coming back with like 3.500 excessive Dom Requests (dont know if related). Removed some images, etc. Still same results.
My host is blaming the theme, but lost faith in them. Any help or guidance would be incredibly appreciated!!!! What did I do wrong and how can I fix it???
http://www.michaealryanmoney.com
Pagespeed Results of one of the better pages:
64 Performance
98 Accessibility
83 Best Practices
83 SEO
Core Web Vitals Assessment: Failed
Largest Contentful Paint (LCP) 2 s
First Input Delay (FID) 51 ms
Cumulative Layout Shift (CLS) 0.19
First Contentful Paint (FCP) 1.7 s
Interaction to Next Paint (INP) 321 ms
Time to First Byte (TTFB) 0.9 s
Pingdom Results of one of the “better” results:
Performance grade C74
Page size 1.3 MB
Load time 3.97 s
Requests 56
Improve page performance
GRADE SUGGESTION
F0 Add Expires headers
F16 Make fewer HTTP requests
F50 Use cookie-free domains
D67 Compress components with gzip
C75 Reduce DNS lookups
A100 Avoid empty src or href
A100 Put JavaScript at bottom
Hello.
For some reason, every page I create had some bottom space that doesn’t go away. How do I remove it? https://ibb.co/CscXdh8
In the actual post in doesn’t have the dots, but still empty space.
Hi,
1. The colors from Theme Panel, are general colors, you need to edit with tagdiv Composer, to change the style -> https://i.imgur.com/djPDZSH.png -> https://i.imgur.com/oKNcGyv.png
2. Usually, the ads are set in the element AD BOX, and you can remove it, edit with tagDiv Composer, select the Ad box element and with right-click you can delete it => https://www.screencast.com/t/2GfCVx9BCAw7 or with drag & drop place it into the deleting red zone from the bottom right of the page
3. You have set the global background color, if you delete the global background color then this color will apply-> https://www.screencast.com/t/7Os0qyqggHRR, please let me know what you want exactly to achieve.
4.You can use a different template for every category if you use a cloud template. You can duplicate a template, install a new one and assign it to the category you like, or create one from scratch by importing a blank template and building it as you like.
Check this topic: https://forum.tagdiv.com/topic/different-logo-in-categorypage/; Here is explained how to duplicate a header correctly and make some changes for a category template or other templates.
You can assign the template for each category in Theme Panel -> Categories.
Thank you!
Thanks for the feedback Anna.
Doubts still arise. I need your help to move forward smoothly.
LOGO
I’ve added the tags and it doesn’t change at the top and bottom of the site. What do I need to do differently?
BUTTON COLOR BY CSS
The color I changed in the CSS, but the Hover color I didn’t identify by the CSS.
See the image the link – https://drive.google.com/file/d/1EIs1bDB1zmqb5I_TbZJ5VXxCJnIIoTym/view?usp=sharing
Hi,
Usually, the color and image are set on the row, so please edit and select the row and go in the tab CSS https://i.imgur.com/UkgqKNM.jpg -> https://forum.tagdiv.com/topic/background-color-of-the-main-menu-be-changed/ please check each row/column/zone and delete the background image.
Also, the ads are set in the element AD BOX, and you can remove it, edit with tagDiv Composer, select the Ad box element and with right-click you can delete it => https://www.screencast.com/t/2GfCVx9BCAw7 or with drag & drop place it into the deleting red zone from the bottom right of the page
Thank you!
Hello,
I would like to go back to filtering attributes with Woo Attribute Filters.
2. Woo Attribute Filters – set the order
How to set the order of filters and move categories to the top and others to the bottom?
Because your suggestion below doesn’t work.
1. You can’t drag and drop because there is only one element there. You can write them in another order; this is what I meant.
I added 3 different filters as suggested to set the order. So I copied the shortcode 3 times.
this setting causes that all attribute filters are counted separately and should only be displayed on top above the attributes.
https://ibb.co/JybF8XQ
So you can’t duplicate the Woo Attribute Filters shortcode because then each one is counted separately.
How do I set the filtering order?
Hello
1. Implementation of the woocommerce category menu
Above is our correspondence, a year ago I reported that the Tagdiv Shop module does not have a module or widget that will allow you to display full Category and Subcategory navigation in a store based on your Tagdiv Shop module.
Something like: https://electro.madrasthemes.com/product-category/video-games-consoles/
I think that this is the most important element in an online store and should be shorcode and properly styled using css.
A long time ago Sep 21, 2021 at 8:15 am Calin wrote that it was a good suggestion and saved it as a task. I don’t believe you can’t do that. And this is very important in terms of a large shop and a wide range.
With large stores, and even small ones with several categories, your solution for sorting categories does not work, and we do not have a module for ordinary categories that are in the WooCommerce standard.
I started doing something once based on a standard widget and loading it in a template using the widget module.
I used code for this:
jQuery(document).ready(function($) {
$('.cat-parent > a').after('<span class="toggle">+</span>');
$('.cat-parent > ul').hide();
$('.toggle').click(function(){
$(this).text(function(i, text){
return text === "+" ? "-" : "+";
});
$(this).siblings('ul').slideToggle();
});
});
And css styles:
.toggle {
display: inline-block;
float: right;
font-size: 20px;
text-align: center;
cursor: pointer;
vertical-align: middle;
}
Example: https://moderncosmetics.pl/kategoria-produktu/kosmetyki/
However, I’m not satisfied because entering a lower level subcategory causes the navigation to collapse and you can’t see the current level.
Due to the fact that I am not a programmer, the project has been lying for a year and I cannot finish it and wait for development on your part.
Woocomerce categories are a basic element and you don’t have them.
2. Woo Attribute Filters – set the order
How to set the order of filters and move categories to the top and others to the bottom?
Hello,
Please edit the logo with tagdiv Composer, select the logo and go into the tab SVG and delete the code.
Also, if you add logo image or logo text make sure that are set to show ->
https://imgur.com/ve11Fwt
Usually, the ads are set in the element AD BOX, and you can remove it, edit with tagDiv Composer, select the Ad box element and with right-click you can delete it => https://www.screencast.com/t/2GfCVx9BCAw7 or with drag & drop place it into the deleting red zone from the bottom right of the page
Thank you!
Can anyone kindly please help? I just spent an hour trying to turn off Related Posts in the MOBILE VIEW of the NFT Pro theme. The THEME PANEL does not have a toggle to turn this off! Strange! As you can see, in Mobile View the Related Posts is way Above The Fold and totally supercedes the actual article text; this is awkward AF, yah? You have to scroll and scroll and scroll before you can actually read the article you’re there to read. Feels very clickbaity and makes the whole thing feel not legit.
QUESTION 1: How do we MOVE the related article section to the bottom of the page in Mobile View?
QUESTION 2: If this is way too complicated to accomplish and will break things, is it easier to just turn Related Posts in the mobile view?
Thank you in advance for any help.
Hello,
Usually, the ads are set in the element AD BOX, and you can remove it, edit with tagDiv Composer, select the Ad box element and with right-click you can delete it => https://www.screencast.com/t/2GfCVx9BCAw7 or with drag & drop place it into the deleting red zone from the bottom right of the page.
Also, please provide some screenshots.
Thank you!
1.
https://ibb.co/Kh27kPn
I made a button at the bottom using the [tagdiv composer] function
I want to call up and use these frequently used buttons when I need them again. Is there a way to save and use them?
2.
I want the button to open in a new window when clicked.
3.
https://ibb.co/BGf4KdS
Newspaper’s [tegdiv composer] builder is very bad for foreigners.
It’s not easy to learn English, and he doesn’t have much immediate reaction when he moves like Elimento.
In the end I made this crappy button full
I want to make a button down button, but I couldn’t make it my way.
Please recommend a video on how to make buttons pretty through [tegdiv composer]
i have looked at all settings and i cant seem to remove this line at the bottom of my posts? can anyone help please?
<br />gif upload site<br />
Hi,
The thing is that the link is only in one place and the meta is moved down -> https://i.imgur.com/sONynyV.jpg this problem is caused by a setting with 55% padding bottom -> https://i.imgur.com/L8y0DIn.png please check that option and remove it.
Thank you!
Hello,
Usually, the ads are set in the element AD BOX, and you can remove it, edit with tagDiv Composer, select the Ad box element and with right-click you can delete it => https://www.screencast.com/t/2GfCVx9BCAw7 or with drag & drop place it into the deleting red zone from the bottom right of the page.
Also, please provide some screenshots.
Thank you!
