Search Results for 'css'

Hi,

Did you use tagDiv Analyzer? And after that did you make changes?
If yes, please remove the generated CSS and generate it again.

Thank you!

Hello,

Did you have the footer stretch it?
Also, you can set the image width for the logo from here => https://i.imgur.com/ptOlM8F.png because I saw your logo have the width set on auto, and the logo size is 1024×205
Also, for text please you can set the width from the tab called “CSS” to 72% -> https://i.imgur.com/1EwBeAF.png and change the font size https://i.imgur.com/bRs2i05.png

Thank you!

Hello,

If you follow the steps which are presented in this tutorial here: https://tagdiv.com/how-to-increase-page-loading-speed/ you’ll be able to increase the speed of your website.
Also, to increase the page speed you can check these similar topics for more solutions:
– https://forum.tagdiv.com/topic/optimize-script-to-improve-site-speed/
– https://forum.tagdiv.com/topic/a-few-tips-for-newspaper-x-speed-high-cpu-usage-issues/
– https://tagdiv.com/how-to-increase-page-loading-speed/
– https://developers.google.com/speed/docs/insights/v5/about
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/

Please give it a try and follow the steps which I presented above about page speed.
Also, check our guide from here: https://forum.tagdiv.com/how-to-make-the-site-faster/
To be able to optimize and to remove CLS and LCP please check these guide => https://developers.google.com/web/tools/lighthouse/ -> https://www.sqlpac.com/en/documents/google-pagespeeds-lighthouse-6-new-features-lcp-cls.html -> https://web.dev/lighthouse-whats-new-6.0/ -> https://web.dev/lcp/ -> https://web.dev/cls/

Please make sure to use our newest tool called tagDiv CSS Analyzer which comes in handy to resolve some of your issues. Take a look at the video guide here: https://www.youtube.com/watch?v=tnkVapqhIHc
“This custom tool performs an automatic test to find missing CSS rules applied by user interaction. Moreover, you can manually interact with a chosen section/component from the page while the tool records all the involved CSS. It will generate the final CSS file for this page and also will split the rules in Critical CSS to be loaded in the website’s header.” ( https://tagdiv.com/whats-new-in-the-newspaper-theme-10-4-update/ )
We tested our tool on our demos, and we have such great results!
Take a look at this topic because it could help you: https://forum.tagdiv.com/topic/css-analyzer-step-by-step-and-doubts/
Also, please set width on the logo https://i.imgur.com/oSUDVIU.png or try to remove and add it again.
For mobile, you can use a mobile theme plugin or mobile page, which can help to have a better score for mobile, you can find more information in these articles
-> https://forum.tagdiv.com/the-mobile-theme/
-> https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
This is a video about Responsive Newspaper Theme, AMP & Mobile Theme, Mobile Pages & Templates -> https://www.youtube.com/watch?v=SpGkOnJeNZY
Also, you can try to optimize your images, for example, you can use the EWWW Image Optimizer plugin, also, you can try other plugins like Autoptimize

Thank you!

Hello,

The page speed is not related only to the theme that you are using, this is affected by plugins/content/ads/ external resources, etc.
I just checked your website and it looks that your images used on the map => https://www.screencast.com/t/YK8KTa7qT are not optimized, for example, you can use the EWWW Image Optimizer plugin, also, you can try other plugins like Autoptimize, but I am not sure if it works on the images from this map (you can contact the authors of the plugin and ask how you can set the height and width on images if you succeed then you will have a better score). Your website needs an optimal speed that’s why you need to make some settings also to help for the improvement.
Also, to increase the page speed you can check these similar topics for more solutions:
– https://forum.tagdiv.com/topic/optimize-script-to-improve-site-speed/
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/topic/a-few-tips-for-newspaper-x-speed-high-cpu-usage-issues/
– https://tagdiv.com/how-to-increase-page-loading-speed/
However, page loading speed can depend on many factors, and each website is unique from this point of view.
Let me explain some of these factors and maybe they give you some starting points for optimizing your website.
External factors: server speed, if you are using CDN or not, the external resources loaded by your website like ads, fonts, tracking scripts like Facebook Pixel, Google Analytics, Twitter analytics, Hotjar and so on.
Internal factors: the number of elements on the page, image size, image formats, if you are using mobile optimized layouts, console errors, if you are using the Standard Pack plugin on not if you are using PRO demo or a standard one.
Also, you can try to update on a staging website or subdomain the theme to version 11 and try our tool https://www.youtube.com/watch?v=tnkVapqhIHc
Our tool is running only on normal pages and not for posts or categories for example.
“This custom tool performs an automatic test to find missing CSS rules applied by user interaction. Moreover, you can manually interact with a chosen section/component from the page while the tool records all the involved CSS. It will generate the final CSS file for this page and also will split the rules in Critical CSS to be loaded in the website’s header.” ( https://tagdiv.com/whats-new-in-the-newspaper-theme-10-4-update/ )
For mobile, you can use a mobile theme plugin or mobile page, you can find more information in these articles
-> https://forum.tagdiv.com/the-mobile-theme/
-> https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
This is a video about Responsive Newspaper Theme, AMP & Mobile Theme, Mobile Pages & Templates -> https://www.youtube.com/watch?v=SpGkOnJeNZY

Thank you!

Hello,

It depends on the size of the screen, from what I see you have a lot of elements in the top bar, seems that the CSS that is used on the main menu on the top bar is stronger than the one used for the submenu.

Thank you!

Hi,
If you want I can provide a css, you can try a code like this one
body .td-big-grid-post:hover .td-module-thumb a:last-child:before {
display:none;
}
Set the code in theme panel> custom code> custom css.
Also the css file is on this path wp-content/plugins/td-composer/legacy/Newsmag/assets/css/td_legacy_main.css -> https://i.imgur.com/dHq7gnt.png
Thank you!

Hi IamLegend, what element did you hide ? Please let me know exactly the element and I will provide a css for it.
Thank you!

Hi azli, Please make sure that you have tagDiv Composer, tagDiv Cloud Library and tagDiv Standard pack enable (you can find them in Newspaper > plugins).
Also I saw that you have the latest WordPress version, v5.8, for the moment we do not have a theme version full compatible with it, we’ll make a theme update for this.
If the css was set in theme panel, then you can recover it from theme panel backups -> https://forum.tagdiv.com/import-export-theme-settings/
Also please make a test using only theme plugins and see if the problem is persisting when you save the theme panel settings. If yes, please use the console to see if you get some errors, if yes, please provide a screenshot to them, this will help a lot.
Thank you!

Hi angelicantunes,
The button for edit the image is display only for users that are logged and have the right role to do it. If you still want to remove it, you can use a css like this one
.td-admin-edit {
display: none!important;
}
Set this code in theme panel > custom code > custom css.
Unfortunately, to remove the image title attribute there is no option, for this you need to use some extra code or some plugins, here is a similar question -> https://wordpress.org/support/topic/remove-image-title-attribute-on-hover/
Thank you!

Hello,

If you follow the steps which are presented in this tutorial here: https://tagdiv.com/how-to-increase-page-loading-speed/ you’ll be able to increase the speed of your website.
Also, to increase the page speed you can check these similar topics for more solutions:
– https://forum.tagdiv.com/topic/optimize-script-to-improve-site-speed/
– https://forum.tagdiv.com/topic/a-few-tips-for-newspaper-x-speed-high-cpu-usage-issues/
– https://tagdiv.com/how-to-increase-page-loading-speed/
– https://developers.google.com/speed/docs/insights/v5/about
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/

Please give it a try and follow the steps which I presented above about page speed.
Also, check our guide from here: https://forum.tagdiv.com/how-to-make-the-site-faster/
To be able to optimize and to remove CLS please check these guide => https://developers.google.com/web/tools/lighthouse/ -> https://www.sqlpac.com/en/documents/google-pagespeeds-lighthouse-6-new-features-lcp-cls.html -> https://web.dev/lighthouse-whats-new-6.0/ -> https://web.dev/lcp/ -> https://web.dev/cls/

Please make sure to use our newest tool called tagDiv CSS Analyzer which comes in handy to resolve some of your issues. Take a look at the video guide here: https://www.youtube.com/watch?v=tnkVapqhIHc
“This custom tool performs an automatic test to find missing CSS rules applied by user interaction. Moreover, you can manually interact with a chosen section/component from the page while the tool records all the involved CSS. It will generate the final CSS file for this page and also will split the rules in Critical CSS to be loaded in the website’s header.” ( https://tagdiv.com/whats-new-in-the-newspaper-theme-10-4-update/ )
We tested our tool on our demos, and we have such great results!
Take a look at this topic because it could help you: https://forum.tagdiv.com/topic/css-analyzer-step-by-step-and-doubts/

Thank you!

Hello!

Let me explain which options you have:
1. Responsive version: A responsive version of your website is looking similar like on desktop, edit the page with TagDiv Composer, click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB ; there you can see your mobile version and you can edit the elements there.

2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/

3. Mobile theme plugin: https://forum.tagdiv.com/the-mobile-theme/

If you want a responsive version for your mobile version, then you should uninstall the Mobile Theme plugin which has its own templates and your responsive version will appear automatically.

A full explanation you can find here: https://www.youtube.com/watch?v=SpGkOnJeNZY

The CSS Analyzer is our automatic tool which is very useful for the page speed and unused CSS. Please read about it because it could help you to improve your website performance.
“This custom tool performs an automatic test to find missing CSS rules applied by user interaction. Moreover, you can manually interact with a chosen section/component from the page while the tool records all the involved CSS. It will generate the final CSS file for this page and also will split the rules in Critical CSS to be loaded in the website’s header.” ( https://tagdiv.com/whats-new-in-the-newspaper-theme-10-4-update/ )
Tutorial here: https://www.youtube.com/watch?v=tnkVapqhIHc

Thank you!

Hi bilecikdostlari,
Indeed to optimize the website is not quite easy, we also use a few plugins for this (Autoptimize, Download
EWWW Image Optimizer, WP Super cache, CSS Analyzer from Newspaper theme), we use plugins cache, optimize plugins for images and so on.
Also for mobile version now we use the mobile page/template, but some users still prefer the mobile theme plugin. Both of theme provide better results then the responsive version.
Thank you!