Search Results for 'css'

Hi,
It appears that after the first ad, the rest of the theme is affected by a style that sets visibility: hidden. This is being applied via inline CSS coming from the ad itself – https://prnt.sc/4tm7UsK2NSIA – https://prnt.sc/cjTlchm8C0O_

Hi
In case you used the label for a custom label, then you must add the link where you want to go to that custom label when it is clicked https://prnt.sc/mtJLYp-svk8z. Otherwise, it will act as it does now.
Now, in case you do not want to manually set the links and you want those elements to no longer be clickable, you can use this custom css:
.td-post-extra-category {
pointer-events: none;
cursor: default;
}
Set the code in the theme panel > custom code > custom css.
Thank you!

Hi,
No, there’s no issue. The CSS code is targeting an element within the TagDiv Composer that supports custom styling. This approach is commonly used when you want the styles to apply only to a specific page or template. https://prnt.sc/AvVniXmsT4SB
In this case, the RTL demo requires some additional CSS adjustments to ensure certain elements display correctly in the RTL version.

Hi,
You can try to set the cs sin a different place, for example, in the theme panel > custom code> custom css. Also, the above example will work if you are using a cloud template for an article; if it is a standard template, it will not work.
Thank you!

I see, in this situation, you could use a css like this one:
.tdb_single_content p:first-child.dropcapp3:first-letter{
font-weight: 900;
}
Just add any css you need for the first Drop Cap, the css will apply only on the drop cap that is on the first paragraph inside the post

Hi,
Another thing you can check is whether the general option in the theme panel is on or off: https://prnt.sc/Y0L4-pH_sQXP . If the option is enabled and the author is still not showing, it’s possible that custom CSS is being used. In that case, please provide a link to your website so I can check it further.

Hi,
Thank you for providing a link to your site, please try this custom css:
.td-post-content p.dropcapp3:first-letter{
margin: 0 6px 0 0;
padding: 0 6px 0 0;
}
Adjust the padding and margins as needed.
I hope this will help you!

Hi,
If you can provide a link to that article, then I can create a css that will 100% apply to your situation.
Thank you!

Hi,
Unfortunately, there are no options to adjust the paddings and margins on drop cap, so it will be need to use a custom CSS like this:
.single .dropcap,
.single .dropcap1,
.single .dropcap2 {
margin: 0 3px 0 0;
padding: 0 6px 0 0;
}
The code can be set in the theme panel > custom code > custom css.
I hope this will help you!

Hi,
The hero image can be replaced using the tagDiv Composer, edit the page and select the row element https://prnt.sc/026P7AMwJ1Sn – and look in css tab for the backgroun image https://prnt.sc/ElCD7lyLt1Iz
Thank you!

Hi,
The tagDiv Standard Pack, as the name suggests, includes the old theme templates. These templates cannot be edited on the frontend and only offer limited control through the theme panel, where you can enable or disable certain elements.
They are based on an older code structure (from several years ago, before the transition to Cloud Templates), and unlike the newer system, they load all CSS and JS files regardless of whether those elements are actually used.
If you are using Cloud Templates, there is no need to keep the Standard Pack plugin enabled. After disabling it, check your website:
If you don’t see any shortcodes, it means no standard templates or elements are in use, and you can safely keep the plugin disabled (or even remove it).
If you do see shortcodes, I recommend re-enabling the plugin. Then, using the Theme Builder, replace those old elements (for example, swap them with Flex Blocks). Once everything is updated, you can disable or remove the plugin.
This way, tagDiv Composer and Cloud Templates will load only the necessary CSS and JS for each page/template, improving overall performance.
Thank you!

Hi,
If you want to edit the Big Grid 3 block on mobile, unfortunately, there are no options available. What you could do is use CSS to increase the size of the grids so there is more space and the images can be seen a bit better.
.home .td_block_big_grid_3 .td-big-grid-post {
height: 300px;
}
Set the above css in the theme panel > custom code > advance css in the phone section. You can adjust the height numerically.

Hi,

I tested the website on a few gadgets we have and it seems to be ok on all of them – https://i.imgur.com/oT8ezBg.png

View post on imgur.com

View post on imgur.com

To add a bit of button style on the cart page, you can use this custom css:
.cart .wc-block-cart .wc-block-cart__submit-container a
{
background-color: #17c57a;
color: #fff;
border-radius: 4px;
border: 1px solid transparent;
}
.cart .wc-block-cart .wc-block-cart__submit-container:hover a
{
background-color: #0fa062;
text-decoration: none;
}