Search Results for 'css'

Hi,
That is an extra class and you can set the CSS for that class in theme panel > custom code> custom CSS, or in live CSS or directly in page or cloud template in a raw CSS element.
Thank you!

Hi,
For me it looks liek this – https://i.imgur.com/RLlFYcY.png
Please try to set the CSS to live CSS – https://i.imgur.com/zUrMFBW.png
If the problem persists, please provide a link to the website where I can investigate the situation and provide a better CSS.
Thank you!

Hi,
To let the image under the background image from above, select the column holding the image and remove the padding top from CSS tab – https://i.imgur.com/f0WY4ge.png
To edit that element CPT Bg Featured Image to remove the background you need to adjust a CSS from the template – https://i.imgur.com/T9nNoSl.png or you can replace the CPT Bg Featured Image with CPT Featured Image element.
Thank you!

Hi,
Thank you for your kind words!
Unfortunately, there is no option for that, but in some situations, we can adjust the dropdown so it looks better, for example, this CSS will set the list on 2 columns:
.td-subcat-filter .td-subcat-dropdown:hover ul {
column-count: 2;
}

The CSS should be set in the theme panel > custom code > custom CSS.

Thank you!

Hi,
In this situation try this css:
#panel {
margin-left: -21px;
}
The nested headers will display nest correctly

Hi,
If the Standard Pack plugin is disabled, less CSS will be loaded.
Additionally, the CWV will be updated only after some time, typically taking around 28 days.
I just checked the website pagespeed, and on desktop everything is on green, which is good, but on mobile, one single element is not on green https://i.imgur.com/WN2zvdF.png, and from what I can see, the LCP can be reduced by interfering over the images https://i.imgur.com/6NBenLS.png
– https://docs.wp-rocket.me/article/1387-largest-contentful-paint
– https://www.youtube.com/watch?v=ysV2yO_m4Bk
– https://www.youtube.com/watch?v=teByAZ75R7c
Thanks

Hi,
I understand.
Please try this custom css:
#panel li {
margin-left: 0;
}
Set the css in the theme panel > custom code> custom css.
Thank you!

Hi,

What I can do is to add it on our list and I just did it 😀

As an alternative, I think it can be used a css on the exact same classes and without the !important
For example:

.tagdiv-type {
font-size: 17px;
line-height: 1.4;
color: #222;
}

Set the code in the theme panel > custom code> custom css.
I hope this will help!

Thank you!

Hi,
Please try this custom css:
.wp-block-table .has-fixed-layout {
width: 100vh!important;
}
Set the code in the theme panel > custom code> advance css > phone so the code will apply only on mobile.
I hope this will help you!

Hi,
If you want to set the text to be align justify, then it will be need to use a custom css like this one:
.tdb_single_content p{
text-align: justify;
}
The code can be set on single post template with tagDiv Composer on raw css element and it will be apply only on that template or in the theme panel > custom code> custom css.
Thank you!

Hi,

Could you please clear all cache and disable it afterward? And recheck the website, or disable the options for css, js and make sure all cache is cleared.
I’ve checked the website, and some elements are not displaying correctly due to cached CSS and JS files from the theme.

Thank you!

Hi,
the most simple and fastest way is with this custom css:
.td_block_tabbed_content .td_module_flex_1 .td-module-meta-info{
display: flex;
flex-direction: column-reverse;
}
Another solution is to use the module builder to create your own modules – https://forum.tagdiv.com/modules-builder-newspaper-theme/

Hi,
You need to assign that footer cloud template as global, this can be done from more places, for example you can do this from the theme panel – https://i.imgur.com/8ZOd1On.png or from cloud templates – https://i.imgur.com/GQAWjdA.png also, make sure that the footer is not set only as individual on that page or cloud template.

The footer image can be edited using tagDiv Composer – https://i.imgur.com/Bept9jG.png select the footer row and check the css tab from there you can remove or replace the image – https://i.imgur.com/dXwS33R.png
I hope this will help you!

Hi,
I’m glad that you manage the previous issue.

1. Those thumbs are from the plugin you are using for the videos (Elite video player), please check all the settings form the plugin. The css is coming from the plugin and it should be set on contain not on cover – https://i.imgur.com/DogStvz.png the results will be https://i.imgur.com/GC11B5o.png

2. You are using a post loop element and that one use images that are set as background and there is now option to display them full with that element at that size, only if you interfere with a custom css to display the thumb like this – https://i.imgur.com/zrm7gYk.png now the best approach is to create a custom module after your needs https://forum.tagdiv.com/modules-builder-newspaper-theme/
If you want to use the css, you can try this one:
.tdb_loop [class*="tdb_module_loop"] .td-thumb-css {
background-repeat: no-repeat;
background-size: contain;
}

3. That is a custom code, and I do not know exactly how it will work in our theme, but you can create your own blocks in our theme using the Flex Block Builder and Flex Loop Builder and for this you can create as many Modules you want and how you want https://forum.tagdiv.com/modules-builder-newspaper-theme/

Thank you!