Search Results for 'css'

Hello,

I just tested on my end, and this issue does not happen https://i.imgur.com/xaYnZjj.png, so I think the settings are not saved for the title SEO that you have set, or you have a plugin that optimizes CSS and JS and interferes with the theme.

Thank you!

Hello,

Please use this code
.menu-item-19035 > a {
pointer-events: none;
cursor: default;
}

Set the code in Theme panel>Custom code>Custom css

Thank you!

Hello,

A quick solution would be to use CSS to remove the possibility of clicking on the link. For this, please add this custom css to Newspaper > Theme Panel > Custom code> Custom css
.post header .td-post-author-name a {
pointer-events: none;
}

Another possibility is to use Yoast seo and enable the author to archive.

I hope this will help you!
Thank you!

Hello @TroyZhao2024!

I do not understand which items do you mean. Fix it by CSS and set !important to the css rules. Check this guide as well: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thank you!

Hello!

Unfortunately, no.
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
I can offer some suggestion regarding the core web vitals issue:
1. Optimize Your Images
Images are often the biggest contributors to slow page loading times. To improve Core Web Vitals, especially Largest Contentful Paint (LCP), follow these best practices:
-> Use WebP Format: Convert your images to the modern WebP format, which is smaller in size than JPEG/PNG.
-> Lazy Load Images: Delay the loading of images that are not immediately visible on the screen. WordPress has native lazy loading, but you can also use plugins like Lazy Load by WP Rocket.
-> Image Compression: Use plugins like Smush or Imagify to automatically compress your images.
2. Minimize JavaScript and CSS
Heavy JavaScript (JS) and CSS files can delay the First Input Delay (FID) and Cumulative Layout Shift (CLS). To reduce this impact:
-> Defer Non-Essential JS: Defer loading non-essential JavaScript files using plugins like WP Rocket or Perfmatters.
-> Minify CSS and JS: Use plugins like Autoptimize or W3 Total Cache to minify CSS and JS files, reducing their size and improving loading times.
-> Remove Unused CSS and JS: Some themes and plugins load unnecessary assets on every page. Use tools like Asset CleanUp or Perfmatters to disable scripts/styles on specific pages.
3. Use Server-Side Optimization
Sometimes the problem lies with the server. Consider these server-side improvements:
-> Upgrade Your Hosting Plan: If you are on shared hosting, upgrading to a more powerful hosting plan (like managed WordPress hosting) can reduce server response times.
-> Use PHP 8+: Ensure your WordPress site is running on PHP 8 or higher for better performance.

Thank you for understanding!

Hello!

Did you follow the guides? https://forum.tagdiv.com/featured-image-or-video/ -> https://forum.tagdiv.com/theme-thumbs/
You can also stretch the row or please check in the CSS tab of the element if there are some paddings or margins.

Thank you!

Hello!

LCP measures how quickly the largest content element (e.g., image, video, text block) becomes visible within the viewport. Improving LCP involves optimizing various aspects of your WordPress site. Here’s a step-by-step guide on how to enhance LCP:

1. Optimize Images
Images are often the largest elements on the page, and optimizing them can significantly improve LCP.

Compress Images: Use tools like Smush, Imagify, or EWWW Image Optimizer to compress images without sacrificing quality.
Use Correct Image Format: Convert images to modern formats like WebP for faster loading.
Lazy Load Images: Lazy loading delays the loading of images until they’re needed. WordPress 5.5 and later versions come with native lazy loading, or you can use plugins like Lazy Load by WP Rocket.
Serve Scaled Images: Ensure images are served in appropriate sizes based on the device.
2. Enable Caching
Caching improves LCP by reducing server response times and decreasing the amount of work needed to load a page.
Browser Caching: Ensure that static resources like CSS, JS, and images are cached in the browser to speed up repeated visits.
3. Minimize CSS and JavaScript
Reducing the size and loading time of CSS and JavaScript files can help improve LCP.
Minify CSS and JavaScript: Use a plugin like Autoptimize to minify CSS and JavaScript files.
Defer Non-Critical JavaScript: Delay the loading of non-critical JavaScript by deferring or async loading to avoid blocking rendering.
Remove Unused CSS: Eliminate unused CSS using WP Rocket’s CSS optimization feature or manual removal for unneeded stylesheets.
4. Use a Content Delivery Network (CDN)
A CDN helps improve LCP by serving your content from servers closest to the user, reducing latency.

Integrate a CDN: Use services like Cloudflare, StackPath, or KeyCDN to serve static resources, like images, CSS, and JavaScript, from a global network of servers.
5. Optimize Fonts
Custom fonts can significantly affect LCP if not optimized properly.

Preload Key Fonts: Use the preload directive in your HTML to load important fonts early.
Use System Fonts: Alternatively, switch to system fonts for faster font rendering.
Font Display Property: Use the font-display: swap; CSS property to ensure text is visible while web fonts load.
6. Reduce Server Response Times (TTFB)
A fast server response time (Time to First Byte, TTFB) is essential for a good LCP score.

Upgrade Hosting: Choose a high-performance hosting provider, especially one that specializes in WordPress, like Kinsta, WP Engine, or SiteGround.
Use Latest PHP Version: Ensure your WordPress site is running the latest version of PHP (8.x) for better performance.
Database Optimization: Regularly clean up and optimize your WordPress database using plugins like WP-Optimize or Advanced Database Cleaner.
7. Reduce Third-Party Scripts
External resources can slow down the page, affecting LCP.

Minimize Third-Party Embeds: Reduce or optimize third-party scripts, such as Google Analytics, social media embeds, and advertising.
Use Tag Manager: If you use multiple tracking scripts, implement them through Google Tag Manager to load them asynchronously and reduce load impact.
8. Prioritize Above-the-Fold Content
The content visible above the fold (i.e., before scrolling) should load quickly for a better LCP score.

Inline Critical CSS: Inline essential CSS directly into the HTML to prioritize above-the-fold content. Tools like Autoptimize or WP Rocket can help with this.
Avoid Heavy Above-the-Fold Elements: Avoid large images or videos that slow down the loading of the above-the-fold content.
9. Use Lazy Load for Iframes and Videos
Similar to image lazy loading, delay loading of iframes and videos until they are needed.

Lazy Load Iframes: Use plugins like Lazy Load for Videos or WP Rocket’s built-in lazy load feature to defer video loading.
10. Monitor with Performance Tools
Continuously track your site’s LCP performance to identify new bottlenecks or opportunities for improvement.

Google PageSpeed Insights: Run your site through Google PageSpeed Insights to get a detailed breakdown of LCP issues.
WebPageTest: Use WebPageTest for deeper insights into your page load times and specific areas affecting LCP.
GTmetrix: Another tool that provides useful performance data, including LCP metrics.
By implementing these optimizations, you should see a noticeable improvement in your WordPress site’s LCP, resulting in a faster, more user-friendly experience.

Thank you!

Hello!

Please check: https://app.screencast.com/xEhMaYxkeQ4Tx
Make sure you have no other CSS code that interferes and the important setting I presented above as well: ” Disable this option: https://www.screencast.com/t/ejiNPCBF ”

Thank you!

Hello!

There are some settings for border radius in the CSS tab of the elements.

Thank you!

Hello Giri!

In our theme, there is no file like that.
I can suggest the Perfmatters plugin to disable the loading of a few scripts and CSS.

Thank you!

Hello!

You should optimize your website. I recommend you use fewer features on the page, so the requests will be less as well.
Improving page speed in WordPress is crucial for providing a better user experience and optimizing your website for search engine rankings. Here are some tips to help you enhance your WordPress site’s page speed:

Optimize Images: Compress images before uploading them to your WordPress site. You can use plugins like WP Smush or EWWW Image Optimizer to automatically optimize images without losing quality.

Utilize Caching: Implement caching to reduce server load and speed up page loading times. WordPress caching plugins like WP Super Cache or W3 Total Cache can generate static HTML files of your pages to serve users instead of dynamically generating them each time.

Minify CSS and JavaScript: Minify your CSS and JavaScript files to remove unnecessary characters and reduce file sizes. This can be done manually or through plugins like Autoptimize or W3 Total Cache.

Enable GZIP Compression: Enable GZIP compression on your server to reduce the size of files sent from your server to users’ browsers. Most hosting providers offer GZIP compression, but you can also enable it through plugins like WP Rocket or W3 Total Cache.

Optimize Database: Regularly clean up and optimize your WordPress database to remove unnecessary data and improve performance. You can use plugins like WP-Optimize to automate this process.

Limit External Requests: Minimize the number of external requests your website makes by reducing the use of external scripts and widgets. Each external request adds overhead to your page’s loading time.

Enable Lazy Loading: Implement lazy loading for images, videos, and iframes so that they are only loaded when they are visible on the user’s screen. This can significantly reduce initial page loading times.

Optimize Server Response Time: Choose a reliable hosting provider with fast server response times. Consider using a content delivery network (CDN) to serve your content from servers closer to your users.

Regularly Update Plugins and Themes: Keep your WordPress core, plugins, and themes updated to the latest versions to ensure compatibility with the latest performance optimizations and security patches.
Ads can significantly impact the speed of your WordPress website since they often involve loading external resources and scripts. You can try to limit the number of ads, optimize ad sizes and formats, and implement lazy loading on your ads.

By following these tips, you can significantly improve the page speed of your WordPress website, leading to better user engagement, higher search engine rankings, and overall improved performance.

Check all these requirements for the theme: https://forum.tagdiv.com/requirements-for-newspaper/
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/

Thank you for understanding!

Hi,

Usually, the color and image are set on the row, so please edit with tagDiv Composer and select the row and go in the tab CSS, and there you can remove it https://i.imgur.com/IkbGWUS.png -> https://forum.tagdiv.com/topic/background-color-of-the-main-menu-be-changed/

Thank you!

Hi,

Please block /wp-json/tdw/save_css
If an attacker wants to target this URL /wp-json/tdw/save_css they can do so. Even if the website uses a different theme, the attacker can still try that URL. We could add an option to be able to enable/disable the Live CSS, it will be considered. But for now in order to remove it this can only be done with a modification to the composer plugin. I think that all that removing it requires is to comment this line of code – https://prnt.sc/RtwvL5Nc4ikR -> https://prnt.sc/ymZmhdUfp57U But as I mentioned, the attacker can still try to access the URL.

Thank you!