Search Results for 'css'

Results from the Forum
Anamaria
tagDiv Staff

Hi,

Ok. Please let me know the results.
You could consider reinstalling the WordPress version, and checking for this plugin wp-zexit.php. It might be wise to inspect via FTP if it doesn’t appear in the WordPress -> Plugins. Additionally, using Wordfence to scan the website and remove unknown users would be prudent.
Change admin passwords and delete admin accounts you are not familiar with;
– Delete any weird/unknown plugins;
– Delete the weird/unknown themes;
– Clean unfamiliar Theme Panel injected code (example – https://i.imgur.com/4q70kCv.png);
– Clean WordPress files (example – https://i.imgur.com/stJCqiK.png)
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!

Bettina
tagDiv Staff

Hello!

Unfortunately, I can’t see the screenshot. You need to optimize your website:
https://forum.tagdiv.com/how-to-make-the-site-faster/
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, WP Rocket, 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, WP Rocket 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 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.

Limit the number of backups: https://app.screencast.com/M5Wco6Td6nymr

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!

Anamaria
tagDiv Staff

Hello,

To increase the icon size you need to use this code body .menu-item .tdb-menu-item-text .tdc-font-tdmp
{
font-size: 30px;
}

Set the code in Theme Panel ->Custom code -> Custom CSS -> https://www.screencast.com/t/St204VtFl3NU

Thank you!

Anamaria
tagDiv Staff

Hello,

You need to use this plugin to add this CSS -> https://wordpress.org/plugins/admin-css-mu/
.column-td_post_views {
display: none;
}

Thank you!

Anamaria
tagDiv Staff

Hi,

Did you try to install it and received this error message, “ERROR: The package could not be installed. The theme is missing the style.css stylesheet.”? If yes, you are probably uploading the whole theme package. You have to upload only the theme zip file, not the whole package which contains other items
https://help.market.envato.com/hc/en-us/articles/202821510-Theme-is-missing-the-style-css-stylesheet-error
Install via WordPress -> https://forum.tagdiv.com/install-via-wordpress/
Install via FTP -> https://forum.tagdiv.com/install-via-ftp/
Requirements for Newspaper => https://forum.tagdiv.com/requirements-for-newspaper/
After installing the theme and activating it you will find in the Prebuilt websites all the theme demos and you can import whatever demo you want => https://www.screencast.com/t/6rf5g0Dxc0K
Also, please let me know what error you have there.

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

Anamaria
tagDiv Staff

Hello,

Unfortunately, you cannot customize where those buttons are displayed. You can try to use this custom code CSS #wcpay-express-checkout-button-separator {
width: 100%;
}

Set the code in Theme Panel ->Custom code -> Custom CSS -> https://www.screencast.com/t/St204VtFl3NU

Thank you!

Anamaria
tagDiv Staff

Hi,

Did you try to install it and received this error message, “ERROR: The package could not be installed. The theme is missing the style.css stylesheet.”? If yes, you are probably uploading the whole theme package. You have to upload only the theme zip file, not the whole package which contains other items
https://help.market.envato.com/hc/en-us/articles/202821510-Theme-is-missing-the-style-css-stylesheet-error
Install via WordPress -> https://forum.tagdiv.com/install-via-wordpress/
Install via FTP -> https://forum.tagdiv.com/install-via-ftp/
Requirements for Newspaper => https://forum.tagdiv.com/requirements-for-newspaper/
After installing the theme and activating it you will find in the Prebuilt websites all the theme demos and you can import whatever demo you want => https://www.screencast.com/t/6rf5g0Dxc0K

Thank you!

mottoyou
Participant
#0

Hi there,

I’m encountering a caching issue when it comes to not loading the Desktop Header on Mobile and vice versa.
I’m using the LiteSpeed ​​​​​​​​Cache plugin and the following situations occur:

  • Once I enable “Don’t load on mobile” for the Desktop Header (or “Don’t load on desktop” for the Mobile one), with all my custom configurations enabled in LiteSpeed, it happens that either the Desktop Header is no longer visible on desktop as well, or the Mobile Header disappears altogether.
  • Using the “View Site Before Optimization” button in the LiteSpeed ​​Debug section, everything seems to work properly. The Header is visible on both Desktop and Mobile.
  • Thus, I tried excluding any CSS / JS files of the theme or TD plugins, one by one, to identify where the problem could be coming from. However, that didn’t help.
  • Then, I disabled all the settings under “Page Optimization” (Minify, Combine, etc.) one by one. Even with all the settings disabled, the problem persists, with the Header showing only on Desktop or only on Mobile.
  • So, while using the “View Site Before Optimization” feature gives good results, on the other hand, disabling all optimization settings doesn’t help.
  • I also tested “View Site Before Cache” and again the problem seems to go away.
  • In this regard, I moved on to disabling the settings in the “Cache” section, starting with all the other features except the standard “Enable Cache”. Nothing helped though…!
  • Furthermore, I disabled the last remaining setting, “Enable cache”, and that indeed solved the problem, with the Header displaying correctly, on Desktop and Mobile.
  • I started re-enabling all the custom options in “Page optimization” (Minify, Combine, etc.), leaving only Cache disabled and it seems that the issue no longer occurs. So, this shows that this feature in the TagDiv Header (“Don’t load on mobile / desktop”) conflicts with LiteSpeed ​​cache.

I’m wondering if there is a solution that would allow me to properly use this feature in the TagDiv Header together with caching inside LiteSpeed​. For instance, would there be a way to exclude the header from being cached by LiteSpeed ​​or something like that?

Thank you in advance for your support!

Kind regards,

fondosegunda
Participant
Styles.css - topic
#0

I have a problem and when I try to install the theme, it returns an error stating: “The package could not be unzipped. The theme does not have the style.css style sheet.” I request that you offer me a solution to the problem

Anamaria
tagDiv Staff

Hi,

1. This will be added in the next update.
2. This is on our list, but I don’t know when it will be implemented.
3. You can use those options https://i.imgur.com/Tt8tlDq.png
4. This code comes from WORDPRESS, you can remove it with a custom code CSS.

Thank you!

ABW76
tagDiv Member

Hello,

to be honest, that was the case with me at the beginning, too.
Now, a lot of things don’t work anymore, not even with other browsers.

Example: With Firefox, for example, many inputs disappear in the CSS tab in the Tagdiv Composer, with Chrome etc. you can see them, but I can’t edit anything under Firefox, Chrome, Vivaldi, Edge etc. under “Column Text” > “Edit Content”, the WP code window is always empty.

This was just one example, I have 2 websites here that urgently need to be adapted and for weeks everything has been standing still.

At the moment, I think, because the cases are piling up here, that it is directly related to your tagdiv composer plugin, who knows how the plugin is running, maybe the license is checked every time it is called and something goes wrong there, or whatever.

Please fix it quickly, my customers are already pressuring me why nothing is going on.

Status: 25/10/9 – 9 a.m.

tagDiv Cloud Library
Version 3.7 | built on 26/09/2024 10:39 a.m. | By tagDiv

tagDiv Composer
Version 5.2 | built on 26/09/2024 10:39 a.m. | By tagDiv

tagDiv Standard Pack
Version 2.7 | built on 04.02.2025 13:29

You are welcome to use my access data to verify and eliminate the problem, that’s what we all pay for, please, thank you.

mongooz
tagDiv Member

Yes, how can this be solved?

1. I want to change the image width to 100% on mobile. I tried several settings in the newspaper theme, but nothing changed. If there is a way to set it with CSS, please let me know.

624alicante
tagDiv Member

Hello,

i have the same issue, it works on desktop version but on Mobile theme the custom css does not work to hide the views.

Any other css for?

Thanks alot

iancollins
tagDiv Member

Thx, i see this is a three hour video. I am sure thats an amazing video but I could create the entire html and css for my site in that time without a template! Plse let me ask some specific questions. I have added a blank cloud header and footer to the first page i created. i can add menu items etc later but how do i make that design the default template for all pages? And if i then want a second page layout, i guess i can duplicate the first design and then edit it, but again how do i save that as an alternative page template? Many thx

PS when i set the footer cloud blank template i still see a tagdiv footer in design mode: Add menu© Newspaper WordPress Theme by TagDiv and clicking this says this type of footer is not editable with tagdiv composer. please use a cloud footer template. BUT i have just done exactly that!!!!

Bettina
tagDiv Staff

Hello!

Each element has a Css tab where you can set paddings and margins. Check this example: https://app.screencast.com/zHI86Ey9OjyK9
You can change the values in each viewport: https://app.screencast.com/6ECkOZdx8RS6v

Thank you!

Anamaria
tagDiv Staff

Hello,

You can use this custom code CSS
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
display: none!important;}

Set the code in Theme Panel ->Custom code -> Custom CSS -> https://www.screencast.com/t/St204VtFl3NU

Thank you!

Anamaria
tagDiv Staff

Hi,

You need to add it Theme Panel -> Mobile theme -> Custom code -> CSS.

Thank you!

Anamaria
tagDiv Staff

Hello,

You can try to use this code
.tagdiv-type figure img
{
margin-bottom: -25px;
flex: none!important;
}

Set the code in Theme Panel ->Custom code -> Custom CSS -> https://www.screencast.com/t/St204VtFl3NU

Thank you!

nitzanginsberg
tagDiv Member

The CSS code you gave is affects only posts and categories and not pages where I disable Mobile Theme

Can you prvide me the one as that will also affect my regular pages?
Nitzan

karsjol
tagDiv Member

hi The URL is https://distritrucks.com.

It is about the right scrollbar.
When a page loads, it starts without scrollbar.
Then, as soon as the content is more than fits on the screen (“overflow-y”) the scrollbar appears.
This causes the content to shift 15 pixels or so to the left.
All in a matter of milliseconds of course, but still visible (depends also o the quality of your internet connection)

This shifting is rather irritating.

when you google, you will find scripts that make the right scrollbar permanently visible. Also when the content is not overflowing the page. Then the shifting is gone.

one of these scripts:
body {
overflow-y: scroll;
}

I have tried different of these formulas to enter in the theme panel -> custom code -> custom css. But none of them works. It is possible that the custom css is not in the right position or that other definitions overrule it.

Maybe someone has solved this issue before me. I would be grateful for a solution.

Anamaria
tagDiv Staff

Hi,

Maybe this can be done with some custom code, such as CSS and JS, but unfortunately, I don’t have a solution.

Thank you for your understanding!

Anamaria
tagDiv Staff

Hello,

Unfortunately, I can’t access your website -> https://i.imgur.com/lNOSFiP.png. Please provide the links where you have the images and gallery to provide a CSS code

Thank you!

Anamaria
tagDiv Staff

Hello,

Please use this code .td-mobile-content .td-mobile-main-menu {
display: flex!important;
flex-direction: column;
}

Set the code in CSS for both sections and check after.

Thank you!

Anamaria
tagDiv Staff

Hello,

Please let me know if you have set the code in Theme Panel -> Mobile theme ->? Custom code -> CSS -> https://i.imgur.com/ZwHofIr.png

Thank you!

mongooz
Participant
#0

Hello, I have some questions.
Site: mongooz.co.kr

1. I want to change the image width to 100% on mobile. I tried several settings in the newspaper theme, but nothing changed. If there is a way to set it with CSS, please let me know.
-> https://ibb.co/G4vYgs8H

2. I want to reduce the gap when placing two images side by side. I also want to reduce the gap when merging images and galleries. (But I want to keep the original gap when there is only one image.)
Reference: https://avada.tistory.com/3050

-> https://ibb.co/kVsHCTGW
-> https://ibb.co/CKdDQsBf
-> https://ibb.co/cKqQDBQg

This is a problem I’ve been wanting to solve for a long time, but I haven’t been able to.

Viewing 25 results - 776 through 800 (of 33,436 total)