Search Results for 'css'

Results from the Forum
Anamaria
tagDiv Staff

Hello,

Please let me know what version you have, if you have v11.3 there was a problem with all the changes you made in the CSS tab and after the update, they will not appear in the tab, but they will remain on the website, and you will have to change a value in the CSS tab on each element that you know you made related changes color, margin, etc.

Thank you!

AjitSirohi
Participant
#0

Is it possible to use a custom Video Icon. By CSS code or any other manner.

Anamaria
tagDiv Staff

Hello,

To reduce the space you need to use some custom code CSS => https://i.imgur.com/rppDmhK.png

.td_block_9 .td_module_8 {
margin: 0px;
padding: 0px;
}

Please set the code in Theme Panel -> Custom Code -> Custom CSS.

Thank you!

alessandrogini1
Participant
#0

Hi there,

I was wondering how can I customize the color of this CSS class for the Gadget pro demo.
I need it to be working on categories pages but I’d like to change the main and hover color.

Thankyou

Tom C
tagDiv Member

Hello Bettina,

I did not solve the issue. It only stops when I disable the signup form from the theme panel, but I would like to use that (it is connected to the side/mobile menu as pictured here: https://jailbirdsmedia.s3.us-east-2.amazonaws.com/wp-content/uploads/2021/10/27012031/IMG_9376.jpg). And when it is disabled, it appears like this: https://jailbirdsmedia.s3.us-east-2.amazonaws.com/wp-content/uploads/2021/10/27012045/IMG_9375.jpg

So unfortunately, if I don’t want the repeated login prompts popping up, it can stop with that sign in piece disabled.. and since I want to keep that, I have this log in prompt for iOS Safari browsers that save their password on iCloud Keychain. I am thinking this is also somewhere in the CSS, but I am not sure what to do for this one.

Thank you.

Tom C
tagDiv Member

Hello Bettina,

Thank you for your message, and I hope you are doing well. I have spent the night going through inspecting elements and CSS and have resolved my situation (which was related to CSS within a plugin from tagDiv – the tagDiv Shop plugin).

1. The Apple Pay button does not show up on the product or checkout page in Safari’s desktop browser, but it does show up in the Safari mobile browser.

For Item #1, I went inside the Plugin Editor –> tagDiv Shop –> assets –> css –> td-woo-front.css and made the following changes:

(Approximately Line 509)

/* margin-right: 40px; */
/* margin-left: -30px; */

(Approximately Line 443)

flex-flow: column;

(Approximately Line 419)

margin: auto;
width: fit-content;

2. Also on the checkout page, there should be a checkbox to choose to subscribe or unsubscribe to our mailing list; but the checkbox is missing, therefore eliminating the chance for customers to opt out of subscribing.

For Item #2, from inside the same CSS file (td-woo-front.css), I made the following change:

(Approximately Line 528)

/* -webkit-appearance: none; */

I will attach some screenshots below for what I found. Please share this thread with the dev team just so that they may be aware for when they release any future updates.

3. My iPhone & iPad repeatedly prompts me to login with saved password (as mentioned above), and it does not do this on any desktop browsers.

For Item #3, it is still unresolved and would be glad to get any help for this. I think it has something to do with Auto Focus for the Signin form input fields. I see they have Autocomplete attributes. Even after being logged in, I still get the login prompts, because the sign in forms are still in the header.

Link to screenshot of log in prompt: https://jailbirdsmedia.s3.us-east-2.amazonaws.com/wp-content/uploads/2021/10/25145811/IMG_FD6F530F3B4B-1.jpeg

Link to screenshot #1 of CSS inspection: https://jailbirdsmedia.s3.us-east-2.amazonaws.com/wp-content/uploads/2021/10/25145350/Screen-Shot-2021-10-25-at-2.11.31-AM.jpg

Link to screenshot #2 of CSS inspection: https://jailbirdsmedia.s3.us-east-2.amazonaws.com/wp-content/uploads/2021/10/25145407/Screen-Shot-2021-10-25-at-2.26.14-AM.jpg

  • This reply was modified 4 years by Tom C.
Rigsbyx
Participant
#0

Hi Folks,

In the Singe Post Comments
 element, I would like to move the ‘Leave a Reply’ comments box so it goes above everyone’s comments. I don’t want it to be at the very bottom of a very long page underneath all of the comments because people might not see it, and I think it look messy the way it currently is anyway.

I would like it to be directly underneath the post, and therefore I just need it to switch places.

Please can you tell how I can get them both to switch places? Have you locked the element or is there a way for me to access and manipulate it? Or do you need to send me some CSS? Maybe you have two separate elements so I am able to place them both where I like? Which ones are they? If not two separate elements, perhaps that option could be introduced in an upcoming release. I don’t like how they are currently connected inside one element because it is very restrictive.

Thank you : )

Anamaria
tagDiv Staff

Hi,

So I made this custom code CSS => https://i.imgur.com/9qVUH3b.png

.tdb_header_menu .tdb-menu > li > a:after {
left: -10px!important;
right: auto;
}

Please set the code in Theme Panel -> Custom Code -> Custom CSS.

Thank you!

jtoney
tagDiv Member

I dont utilize custom CSS. This has happened since the installation with nothing else installed so its not a plugin. However, Im using a site offline plugin so I am not disabling that since the site isn’t live yet.

Bettina
tagDiv Staff

Hello!

It could be a custom CSS or a plugin which interfere there.
Try to apply this code in the Live CSS and save it:

.td_block_single_image .td_single_image_bg {
display: block!important;}

Thank you!

Anamaria
tagDiv Staff

Hello,

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/

Let me know the results!

Thank you!

Bettina
tagDiv Staff

Hello!

We provide a fix for the JSON error in the 11.3.1 version. Please update the theme and plugins. Note that some CSS settings from the CSS tab of the elements which you adjusted in the 11.3 version will be lost. A workaround there could be to switch the last revision of the page.

Thank you for understanding!

gorton20
tagDiv Member

Hi, I changed the PHP values to memory_limit = 256
upload_max_size = 64M, post_max_size = 64M, upload_max_filesize = 64M, max_execution_time = 300, max_input_time = 1000

This time installation was attempted but failed and has come up with the following message:
Installing theme from uploaded file: themeforest-v9VKpuK1-newspaper.zip
Unpacking the package…

Installing the theme…

The package could not be installed. The theme is missing the style.css stylesheet.

Theme installation failed.

Anamaria
tagDiv Staff

Hello Thomas,

Please make sure the row has the same structure and set the element to be inline from CSS => https://i.imgur.com/200tDTM.png

Thank you!

Anamaria
tagDiv Staff

Hello,

Did you use a plugin to minify the CSS and javascript? Also, please clear your cache on the website, server and browser and see if the problem persists.

Thank you!

Bettina
tagDiv Staff

Hello!

Edit that page with the TagDiv Composer, click on that element and set in the CSS tab some negative values for the left and right margins.

Hope that helps you!

Thank you!

Bettina
tagDiv Staff

Hello!

If you did not modify them and it’s appearing in the TagDiv Composer, there it could be a plugin conflict or a custom CSS that you applied.
Deactivate ALL plugins except tagDiv ones, also if you are using a cache plugin, deactivate it, clear all cache (also from your browser) and try again.
If this problem is not solved after that, then we need to take a look and see what happened there.
Please contact us via email at contact@tagdiv.com and provide the following:
– admin url and credentials
– a link to this topic in order to identify you
Our team will take a look!

Thank you!

Bettina
tagDiv Staff

Hello!

For sure this file is not from the theme, it’s from the WP Rocket plugin.
If you delete this table, then the plugin will not work properly.
Please check this article here: https://stackoverflow.com/questions/68347966/wp-wpr-rucss-resources-table-with-huge-size

Thank you!

Anamaria
tagDiv Staff

Hello,

So, if you have added the product page for Cloud Library, then you can edit it with tagDiv Composer -> https://i.imgur.com/yDk7PC9.png but if you add the products using WooCommerce shortcodes, then you need custom code CSS.

Thank you!

Anonymous
Inactive
#0

hi
is this standart wordpress table or belongs to your template? i searched but can’t find to what it’s belongs.
may be it’s nether wordpress nor your template but for other plugin database table?

hammersurf
Participant
#0

So, I have just installed a cache plugin and set that up. I have minified CSS and Javascript. But after that my header menu active/hover style broke. As you can see in the screenshot the green dot for the active menu item supposed to stay before the menu item. but It is showing on top of the text. How to fix this without deactivating my cache plugin?

Screenshot: https://i.imgur.com/9Ajl0Y0.jpeg

#0

Since the upgrade of latest version. My mobile theme is not working even getting issue with amp pages. Getting this below error. Also, I have deactive, deleted, reinstalled plugin theme etc again. but it is not working.

wp_booster error:
td_res_context->get_att(modules_on_row) Internal error: The atts are not set yet(AKA: the render template method was called without atts)
/home/admin/web/******.com/public_html/wp-content/plugins/td-composer/legacy/common/wp_booster/td_css_res_compiler.php

Anamaria
tagDiv Staff

Hello,


@Julia
Colmsee,
Usually, that problem it is related to the CORS policy that are blocking the access, that should fix the problem, also I see that you have another problem https://www.screencast.com/t/6EpdZBQMela this problem can be solved using those guides:
https://forum.tagdiv.com/topic/font-blocked-from-loading-by-cross-origin-resource-sharing-policy-no-access-co/
https://stackoverflow.com/questions/25577981/font-from-origin-has-been-blocked-from-loading-by-cross-origin-resource-sharing
https://webmasters.stackexchange.com/questions/71630/font-blocked-from-loading-by-cross-origin-resource-sharing-policy-no-access-co

The Posts Loops settings are divided into 4 tabs: General, Layout, Style, and CSS. The Posts loop is a special block and doesn’t have filtering options.
Also, one of the options for pagination of the Posts Loop has the option for normal numbered and the flex blocks do not have this option.
The Posts Loop is automatically filtering the posts depending on the cloud template you set (for example on the category page there will be posted posts from that category).

You can use the Flex Block or the Big Grid Flex Block to apply the filters and sorting. You can find more information in these articles https://forum.tagdiv.com/flex-block-settings-guide/ -> https://forum.tagdiv.com/big-grid-flex-settings/

Thank you!

Anamaria
tagDiv Staff

Hello,

The Posts Loops settings are divided into 4 tabs: General, Layout, Style, and CSS. The Posts loop is a special block and doesn’t have filtering options.
Also, one of the options for pagination of the Posts Loop has the option for normal numbered and the flex blocks do not have this option.
The Posts Loop is automatically filtering the posts depending on the cloud template you set (for example on the category page there will be posted posts from that category).

You can use the Flex Block or the Big Grid Flex Block to apply the filters and sorting. You can find more information in these articles https://forum.tagdiv.com/flex-block-settings-guide/ -> https://forum.tagdiv.com/big-grid-flex-settings/

Thank you!

maxonline
Participant
LCP issue - topic
#0

I refer to this page only (which is using the template I’m testing): https://www.staging2.massimobasso.com/i-leoni-del-serengeti-e-la-migrazione-degli-gnu/

I’m trying to speed up the page, the main reason I’m switching from another theme, but results are not the best. .. But one thing at this time.

The issue ON MOBILE (no problem with DESKTOP) is LCP which is identified as it follows.

div.vc_column > div.wpb_wrapper > div.td_block_wrap > div.tdb-featured-image-bg
<div class=”tdb-featured-image-bg”>

Is it possible to exclude this image from lazy loading and preload or prioritize the loading of this image?
I’m using Wp-Rocket and Shortpixel adaptive images with my own CDN for JS and CSS.
Any other trick to speed up the entire page?
Thank you
Massimo
https://www.massimobasso.com

Viewing 25 results - 4,601 through 4,625 (of 33,436 total)