Search Results for 'css'

Hello @haipo!

You can fix it with some CSS or import a RTL header from RTL demos.
We have some RTL demos that were created by hand for this purpose using custom code: https://prnt.sc/ccPYeDT6mvKv Unfortunately, there is not a RTL feature in our theme.
So, you can correct any other demo in the same way.

Thank you!

Hello!

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 to 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 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 load 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.

Thank you!

Hi,
“And I need another help with the category page section category header color change. How to do that. https://prnt.sc/aULGynP4Ihln”
For the category block titles you can try this custom css:
.category .td-category-header .entry-title span{
color: white;
background: green;
}
The tagDiv Composer can be used on Newsmag only on page = https://forum.tagdiv.com/tagdiv-composer-tutorial-2/ the rest of templates and options are in the theme panel – https://i.imgur.com/SaLqRwt.png
Thank you!

Hi merson, that section is referring to the latest articles and is coming from the page template – https://i.imgur.com/SAHBYCu.png – https://forum.tagdiv.com/newsmag-page-templates/ therefore it can be edited only with css, you can try this one for the category:
.page-template-page-pagebuilder-latest .td-pb-article-list .td-post-category{
color: black;
background: red;
}
This one for block title
.page-template-page-pagebuilder-latest .td-pb-article-list .block-title{
color: black;
background: red;
}
And this one for the read more –
.page-template-page-pagebuilder-latest .td-pb-article-list .td-read-more a{
color: black;
background: red;
}
The code should be set in the theme panel > custom code> custom css – https://i.imgur.com/hTdVp8n.png
I hope this will help you!
Thank you!

Hi,
If you want to change the image behind of the text then please select the row that contain the text and check it in css tab – https://i.imgur.com/km6yreb.jpg
I hope this will help you!

Hello,

1. I added some exceptions in the “Exclude CSS from Autoptimize” but until now the problem is the same, so for the moment if you are using featured video the option for aggregate inline CSS should not be used.

2. I am sorry for this situation, I and my colleagues are trying to do our best to help, but unforeseen situations also occur.
When a specific support colleague is mentioned (you did the same @Calin) he will try to answer, other colleagues will answer if he is busy with other tasks at the time.

3. I identified some file that needs to be checked by the developer wp-content/plugins/td-composer/legacy/common/wp_booster/td_resources_optimize.php but I do not know for the moment how to fix it, in my option I think that the code should check if is a video post type and if is to skip minify that part. I tried to add back the css using some JavaScript, but is seems that is not working correctly.

Have a nice day!

Hello @waleed9!

1. Try to change the height of the row or adjust the image from the tagdiv Composer settings in order to adjust the image there.
You can set a background color on every row, or from the theme panel -> theme colors -> General theme colors.
We have some settings for the rows and different stretch sizes: https://www.screencast.com/t/bsbB5P97A
Check the option to stretch rows with content.

2. You can achieve that with this element: https://app.screencast.com/mWiJREdMYsoMB
Read all about it here: https://forum.tagdiv.com/video-playlist-2/

3. Click on that row and change the background color from the CSS tab of the element in the mobile viewport.

4. The logo from your mobile viewport is a different element, and you can change the size from the element settings in the tagdiv Composer. Adjust it in order to look great there. I can see that is a text logo, so you can change the font size from here: https://app.screencast.com/sdHMuX0NAP4fK

Thank you!

Hello,

Please let me know what version of the theme you have.
Please make sure that you have the latest version of the theme 12.6.4
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!

Hi,

I just checked, and it seems you use a plugin for cache, which minifies the CSS and JS.
Please try to exclude those files from the plugin and check after.
– wp-content/plugins/td-cloud-library/assets/js/tdbMenu.js
– wp-content/plugins/td-cloud-library/assets/js/js_files_for_front.min.js

Thank you!

Hi,
The situation looks like you have a cache plugin that is loading only the essential code and the rest of code is loading after the first interact with the website. Usually this type of “implementation” is used for getting a good pagespped score here – https://pagespeed.web.dev/
I inspected further and indeed there is a custom css (the one you provided and this is apply after you interact with the website).
My first suggestion is to check if the problem appears when you are logged in, if appears, then make a test using only tagDiv plugins and the main theme (not the child theme).
Let me know the results!