Search Results for 'css'

In that post they show – https://www.screencast.com/t/YxekSyZwKuiC
But in others they are missing for me as well
– https://www.screencast.com/t/AFom8G40e
Seems there is a visual issue, the ads are there but not visible. The lazyload animation seems to be broken due to some errors probably
– https://www.screencast.com/t/XVxPFTbDU

I could give you a code to make the ads visible
– https://www.screencast.com/t/DdHbGGbuL
You can enter that in Theme panel->Custom CSS

body.td-animation-stack-type0 .post ins img {
opacity: 1;
}

But you could try to find what exactly is causing this problem. Start by deactivating all plugins if possible as a quick test, leave only theme plugins active. Clear the cache and check if this has any effect.
Check code entered in theme panel, theme files and child theme. Something is creating this conflict.

Hello Sirius Pro,

Please notice that’s the normal theme’s behavior, as you can see on our demo preview here -> https://www.screencast.com/t/UrOCP8faJCIR Also, if you want to hide this, you should use the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-crumb-container span:nth-child(3){
display:none;
}
.td-crumb-container i:nth-child(2){
display:none;
}

The result is here -> https://www.screencast.com/t/ZHfsJ8nJb

Hope this helps!

Thanks.

Hello ping.aamir,

Try to use the code below and place it in Theme panel -> Custom CSS area.

The code is ->

@media(max-width:767px){
.td-menu-socials{
display:none;
}}

Thanks.

Hi,

That would be the default design for the big grids. There are many big grid designs to choose from. For example style 4 does not feature a dark gradient.
But if you want to use style 1 and remove the dark overlay, enter this code in Theme panel->Custom CSS

.td-grid-style-1.td-hover-1 .td-module-thumb a:last-child:before {
display: none;
}

It will remove the overlay for most grids once entered
– https://www.screencast.com/t/qk23uiqFo

The mobile modal window in which the menu will be displayed, has settings in the theme panel
– https://www.screencast.com/t/nn6YduNBf
You can set a background color or gradient for the modal window, so you can set a white background color and also color the text red.

Thanks

Hi mparadis,

If you do not want to display the Footer Instagram Title (FOLLOW US ON INSTAGRAM) you should try using the following code and place it in Theme panel -> Custom CSS area.

The code is ->

.td-footer-instagram-title{
display:none;
}

Hope this helps!

Thanks for the message!

The latest theme version is compatible with PHP versions up to 7.2. Older versions of the theme may not work properly with newer PHP versions.

So the hosting mentioned that the theme CSS code is generating these enormous error logs. I could not say what exactly in the theme stylesheet would generate that amount of errors in the log. Please let us know the conclusions of the investigation.

Hi,

If that is the header menu, the theme has an option to change the color for all the menu at once, background and text color
– https://www.screencast.com/t/DS1QOaNV
Coloring them individually would be possible with CSS however. This would be a similar topic
– https://forum.tagdiv.com/topic/how-to-move-menu-items/
Also a browser inspector tutorial here
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
If you need help, please provide a link to your website and mention how exactly you want the menu items to look.

Thanks

Hi,

First there is a padding that moves the mobile menu to the right
– https://www.screencast.com/t/wnCGA1mfaQaP
Then there is also this code that makes the desktop menu visible on mobile
– https://www.screencast.com/t/DuVvrwSvVR
If you created design for the desktop menu, use the Advanced CSS sections, enter it in the desktop section. That way it will not apply on mobile and break it. If you remove or move those codes it will display normally
– https://www.screencast.com/t/Y6CAtPK2KmW

Thanks

The code will simply reduce the font size and also a little from the margin of the menu items, when the width is getting smaller, it may need modifications.
But it seems you also have additional code that applies to the header menu. On mobile it looks like this for me at the moment
– https://www.screencast.com/t/VzQ336hvFa
Use CSS carefully, or it will break the design. Use the Advanced CSS sections to enter code to affect specific devices only. I don’t know exactly what you want to do with the header menu, how you want it to look.

Hello Surfaceru,

Unfortunately, does not exist another version for sharing buttons than the one present in the theme. This functionality has been fully checked and it seems to work as properly. If you want to implement other sharing buttons you should implement it yourself through the code because we cannot provide custom work at the moment, sorry!
Unfortunately, please notice that we do not recommend to edit the predefined style of the blocks because you can easily break them, sorry! If you want to do this, you should do it yourself or please consider hiring a freelancer/developer to help you.
Another alternative for you would be to use the Big Grid 4 and hide the below thumbnails, like this -> https://www.screencast.com/t/FrkqpryFDf1s
Use the code below and place it in Theme panel -> Custom CSS area.

.td_block_big_grid_4 .td_module_mx10{
display:none;
}

Sorry but the Big Grid 2 does not have any such a load more button. I do not know what kind of changes do you have made on this but please notice that we cannot provide custom work at the moment, unfortunately!

Thanks.

Hi,

The CSS does not seem to be minified from what I can see at the moment. You can minify CSS using an online tool or a plugin. Then make tests again.
Check for online tutorials in the matter, there are many
– https://technumero.com/minify-javascript-and-css/
Note that CSS minification can cause problems. Keep testing to spot eventual issues.

Thanks

Hello Tomb,

Unfortunately, please notice that our theme does not support any full-width page and that’s why you cannot achieve this, sorry!
Our product does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results.

Thanks for your understanding!