Search Results for 'css'

Hi,

You could use CSS to style the forms if needed, style them as you wish. Some more information here in their documentation
– https://wpforms.com/docs/how-to-style-wpforms-with-custom-css-beginners-guide/
Maybe that would be helpful for you. I could try and help you if you could mention what exactly you want to do, and provide a link to the form on your website.

Thanks

Hi,

1. There is a gradient there – https://www.screencast.com/t/R7rLNFv30C
Either make modifications in the theme stylesheet to it
– https://www.screencast.com/t/hSs3vZw7N
Or use a code to override it – https://www.screencast.com/t/Wlhdbkbjw6Rf
This is used in the example, make modifications to it if necessary, then enter it in Theme panel->Custom CSS code section
– https://pastebin.com/7anw3Uyg

2. There is a margin right set for the date on post template 7
– https://www.screencast.com/t/MiBnB8Zghp
You could remove that with a code like this

.td-post-template-7 .td-post-title .td-post-date {
margin-right: 0;
}

3. So maybe something like this – https://www.screencast.com/t/yavln0zMTbvv

.td_block_big_grid_fl_1 .td-big-grid-post .td-meta-align {
max-width: 1068px;
margin-left:auto;
margin-right:auto;
}

4. Maybe through code modifications in the post template files, for post template 7
– https://www.screencast.com/t/ldqJsyiGiGLU
You could try to change the structure of the post template, and make tests.

Thanks

Hi,

Indeed the images seem to be loaded but they are not visible. That should not happen, it could be caused by a plugin conflicting with the theme or maybe theme modification.
I could give you a code to make them visible (enter it in Theme panel->Custom CSS)
– https://www.screencast.com/t/Zc37BOKA

body.single.td-animation-stack-type1 .post .entry-thumb,
body.td-animation-stack-type1 .post img[class*="wp-image-"]
{
opacity: 1!important;
}

But it would be better to try and identify what exactly is causing this, it may cause other problems. Deactivate all plugins except theme plugins and check if this has any effect on the issue.

Thanks

Hi,

That would be possible, either by commenting or removing this line of code from this file
– https://www.screencast.com/t/iAwsEsRPXyu
Or by entering this code in Theme panel->Custom CSS
– https://www.screencast.com/t/oZzqJc6v7

.td_block_related_posts .td-related-right {
display:none;
}

Thanks

You could remove CSS from the theme stylesheet, that would be the theme stylesheet
– https://www.screencast.com/t/OT7Bbm5O6kL5
There will also be generated CSS but you should not make any modifications to that sections
– https://www.screencast.com/t/qk2uUob2w8p6
Make backups before modifying theme files to be safe in case something goes wrong.

Indeed that demo has design to remove the date, author an comment count on all modules
– https://demo.tagdiv.com/newspaper_what/
So enabling them in the theme panel will not do anything. In this case either remove the condition form the demo stylesheet
– https://www.screencast.com/t/yNTMlUgKLyL
Or override it with a different code in Theme panel->Custom CSS
– https://www.screencast.com/t/vVZ1skCM

.td-what .td_module_wrap .td-post-author-name,
.td-what .td-big-grid-post .td-post-author-name,
.td-what .td_module_wrap .td-post-date,
.td-what .td-big-grid-post .td-post-date,
.td-what .td_module_wrap .td-module-comments,
.td-what .td-big-grid-post .td-module-comments {
display: inline-block;
}

The better way would be to remove the code from the demo stylesheet instead of using additional code.

Hi,

Please check your custom css as there is a code which overwrite the default one – https://www.screencast.com/t/98UZtO7bvXk – https://www.screencast.com/t/2iFKNWHXH

Thanks!

Hi,

I’m not really sure what would you like to achieve.
There are no other menu styles, you will need to use custom css if you want a custom design for it.
We will try to add more features for menu in future!

Thanks!

Hi,

The meta container background will remain even if the post meta are disabled.
If you want you can use this css to remove it:

.td_module_17 .td-module-meta-holder {
background-color: transparent;
}

Module 17 is used to create block 22 – https://www.screencast.com/t/vqOZ01oQsn4

Thanks!

Hello,

Please remove any css minification or optimization on your site. You use a tool that converts the standard theme css and that appears to affect the proper functionality.

Thank you!

Hello,

There is also the js to consider. Not only the css works with breakpoints. Our theme also has js loaded elements. If you alter the js, there is another step to be taken as the theme uses the min js version so any change to the js will require you to minify the js file after the change and replace the tagdiv min js code with the new modified version and minifed of course.

Thank you!

hello,

We do not recommend removing the theme css as it is needed for the proper functionality of the theme. In the future we will change the css implementation in our theme but for the time being we do not recommend altering the structure of the css

Thank you!

Hi,

You can use media queries such as those, there is also an Advanced CSS section in the theme panel where there is no need for them. They will be added automatically, you can enter code normally in them and it will apply for those specific widths
– https://www.screencast.com/t/KHe2bnNMHsgg

There is a guide about the browser inspector tool you could read
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
This tool is very useful to make various modifications around the website when there are no specific settings for them.

For example the breadcrumbs have a margin between them and the post categories
– https://www.screencast.com/t/dRGUU9ySgR
That could be remove like this
– https://www.screencast.com/t/PPm7mA7nsS
The inspector is a very powerful tool that can be used in this matter.

Thanks