Search Results for 'css'

Hello @cavalrydesign!

Please check the tablet viewport: https://www.screencast.com/t/YUVUcyrgh and see the padding there. Click on the element and on the rows and for sure you’ll find the paddings set up in the CSS tab.
For your reference: https://www.screencast.com/t/1VT0PTczGLu3

Thank you!

Hello @leejaehak!

Please check if you have active and you use the tagdiv CSS Analyzer, click on “Remove generated CSS” and see the results.
Please check our step by step tutorial about the tagDiv CSS Analyzer here: https://www.youtube.com/watch?v=tnkVapqhIHc&t=1s

Hope that helps you!

Thank you!

Hello,

You can hide the menu and search with this custom code ->
https://i.imgur.com/nnFXrQs.png

[class^="td-icon-"]:before, [class*=" td-icon-"]:before
{
display:none;
}

This code needs to be set in Theme Panel -> Custom Code -> Custom CSS.

Please check this topic with a similar issue about favicon
https://forum.tagdiv.com/topic/favicon-isnt-working/

Thank you!

Hi,
Can you please provide some examples some screenshots and a link where I can check those bullet point, in this way will be easier to understand. Maybe this can be done with some settings, if not I will try to help with a css.
Thank you!

Hi,
This effect is because the background image is loaded using css https://i.imgur.com/WOzycXv.png and this will load slow, when the image is set in an image element that is using html code like “Single image”, then this will be load faster because, fist it is load all the html and only after that the css.
Thank you!

Hi k.nagesh,
Yes, that can be done, but will be a little difficult, because need to be checked the entire website to look good. Also some elements will not adjust, for example most of the blocks will not adjust.
Now, here is a custom css, that will work for the posts layout:
.single .td-container {
width: 1221px;
}
.single .td-pb-span8 {
width: 66.66%;
}
.single .td-pb-span4 {
width: 33.33%;
}
Thank you!

Hi,
For that you can use this custom css -> https://i.imgur.com/08argJ4.png
body .td-make-full {
width: 1200px;
}
Just change the width number and the menu will be automatically align left and right.
Thank you!

Hello,

It seems that this method no longer works, because now it does not load all CSS, only CSS that is set on the element.
You can set the social counter with tagDiv Composer and create the sidebar with tagDiv Composer -> https://forum.tagdiv.com/sidebars-tutorial/

Thank you!

Hi,
Please try this custom css:
@media only screen and (min-width: 768px) and (max-width: 785px) {
#menu-main-menu-1 li a{
padding: 0px 12px!important;
}
}
@media only screen and (min-width: 1018px) and (max-width: 1033px) {
#menu-main-menu-1 li a{
padding: 0px 28px!important;
}
}
@media only screen and (min-width: 1140px) and (max-width: 1236px) {
#menu-main-menu-1 li a{
padding: 0px 34px;
}
}
Set the code in the theme panel > custom code> custom css.
I hope this will help!

Hi,
Please replace the above css with this one
.td-mega-menu-page a:hover {
color: #4db2ec;
}
This should work.
About the menu align only if you chose a different header style -> https://i.imgur.com/E06AoMs.png or with some custom css.
Than you!

Hi,
Do you use extra plugins? Do you have some custom changes for the WP?
Please make sure that the theme requirements are set like in our guide https://forum.tagdiv.com/requirements-for-newspaper/ and the WordPress permissions are like here -> https://www.malcare.com/blog/wordpress-file-permissions/
Also in case that you have custom settings in .htaccss, php.ini, wp-config.php … please make a test using de default settings.
Thank you!

Hello,

So, I understand you want to have like this -> https://i.imgur.com/HQwvrWG.jpg, right?
You need to use a custom code CSS

.tdm_block_list .tdm-list-item .tdm-list-text{
width: calc(100% - 25px);
float: right;
}

If it does not align properly, the px value must be changed.

Thank you!