Search Results for 'css'

Hi,

The menu and the logo are in separate containers, so that would not be possible/easy to do with CSS. Maybe with the header builder that is currently in development that will be possible, can’t say for sure until it is finished and we will begin testing it. Sorry for any inconvenience.

Thanks

Hi,

It seems to be strange this behavior, sorry! Ensure that you are correctly using the latest version of the theme installed via FTP way, remove all of the untested plugins, clear all the caches, purge CDN files and check the results. As a quick solution, check the following code and place it in Theme panel -> Custom CSS area.

.td-sub-footer-copy .td-pb-padding-side{
width:max-content;
}

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

Thanks.

Hi,

The mega-menu will show all the sub-categories of the parent category set in it.
So for example these sub-categories of the parent category Fashion
– http://prntscr.com/mf6scu will appear one below the other – http://prntscr.com/mf6rs5

I could try and give you a CSS solution yo hide the desired category from the mega-menu. Post a link to the website and mention which category you want removed from the mega-menu sub-categories.

Thanks

Hi,

Please make sure that you do not have on that row set the full height -> https://www.screencast.com/t/l3nrrLnEu or some custom css -> https://www.screencast.com/t/2fPVICzzkd on that element too.

Thank you!

Hi,

Maybe it would be possible with some CSS, it will depend on the block used however. Here I used block 11 which looks like this – https://demo.tagdiv.com/newspaper/block-11/

If there is no featured image set and the thumbnail placeholder is disabled, it will look like this – http://prntscr.com/mf4bzh
With some CSS it could be made to look like this – http://prntscr.com/mf4ce3

This could be possible for other specific block as well, but not for all at once. So it isn’t a definite solution, it may work only for some blocks. If these posts without featured images and placeholders disabled would appear in grids or various modules there may be problems. Sorry for the inconvenience.

Thanks

Hi,

If you need to cet those single images on center you’ll need to add margin auto.
This is an image not text, and it need to be set with different type of css, with margin auto, not align ( usually align center is for text not for images ).

Thank you for your understanding.

Hi,

Please replace the above custom css with this one ->
@media (min-width: 1141px) {
.post_format-post-format-video .td-post-content iframe {
height: 696px!important;
}
}
@media (min-width: 1019px) and (max-width: 1141px){
.post_format-post-format-video .td-post-content iframe {
height: 640px!important;
}
}
@media (min-width: 768px) and (max-width: 1019px){
.post_format-post-format-video .td-post-content iframe {
height: 484px!important;
}
}
.post_format-post-format-video .td-post-content .su-responsive-media-yes {
padding-bottom: 100%;
}

Thanks.

Hi,

So a smart list without the numbers, it could be possible with CSS or code modifications. For which smart list template do you want to do this?

Thanks

Hi,

Please deactivate all plugins, and clear all cache, after that try again if the problem is still there please add this custom css -> in Newspaper>theme panel>Custom code>Custom css ->
.clearfix:before, .clearfix:after {
display: none;
}

-> https://www.screencast.com/t/RjqPM3RuxfV

Thank you.

Hi adnaner99,

If you want only the arrows then you’ll need to add some custom css in Newspaper>theme panel>Custom code>Custom css
https://www.screencast.com/t/bb8zA6qzI
.single .page-nav a , .single .page-nav > div {
display: none;
}
.single .page-nav a:first-child, .single .page-nav a:last-child
{
display: block;
}

Hope this will help you!
Thanks.

Hi,

If you are using embed all you need to do is to set in the code that you get the height and width to 100% -> https://www.screencast.com/t/RFfHN4ox -> https://www.screencast.com/t/VPHbYZfCcJT , also is possible to need to remove the custom css from theme panel.

Thanks.

Hi,

Please check if you do not have some custom css set in theme panel that make the text blurred in Latest Articles.

Thank you.

Hi,

In your case you’ll need to add to that single image some margin left and right in CSS -> https://www.screencast.com/t/sDHqPqIz0j in this way you image will be center -> https://www.screencast.com/t/Qe92PzcjbOe

Hope this will help you!
Thanks.

Hi,

That depends what element are you using, if those are flex then you can set them on all devices, if that are image/ blocks those do not have individual settings for each device and you’ll need to use custom css.

For some elements you need to add an extra class and set a custom css, but usually you can do all that using the tagDiv Composer

Thank you.

Hi,

As a quick solution, try the code below and place it in Theme panel -> Custom CSS Area. This is just a hint. So, if you do not like this, you need to adjust it by your desired changes, using the Inspector browser element from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ to create your own custom CSS code.

.td-black .td-main-content-wrap, .td-black .td-category-grid, .td-black .post, .td-black .td-category-header, .td-black .td-big-grid-post .td-module-thumb, .td-black .td_module_14 .td-module-meta-holder, .td-black .td-post-template-4 .td-post-title, .td-black .td-post-template-6 .td-post-header-holder, .td-black .td-post-template-8-box, .td-black .td-smart-list-dropdown-wrap .td-smart-list-dropdown, .td-black .td_module_mx3 .td-module-meta-info{
background-color: white;
}

Thank you!

Hi,

Unfortunately there is not a specific size for this, sorry you’ll need to test this.

Our theme have special places for media queries -> https://www.screencast.com/t/gkOH2rN2 in this way you do not need to add the media only the css

Thank you.

Hi,

@lucascarano If you mean the bog title when using block header 13 mentioned above, that doesn’t have a setting for the font properties. Only the actual block title has font settings
– http://prntscr.com/mem9q3

However the big title can be customized with some CSS if needed. The default values are these (a line-height of 1)
– http://prntscr.com/mema8u
You can change that with this code, (it can be entered in Theme panel->Custom code CSS section) use the value you want for the line height then enter it in the theme panel

.td_block_template_13 .td-block-subtitle {
line-height: 1;
}

If you have more questions let me know.
Thanks

Hi,

So indent the lines in a bullet list? You could check some topics about it
– https://stackoverflow.com/questions/11445453/css-set-li-indent
– https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Lists_and_Counters/Consistent_list_indentation
I believe that is what you want to do. If I misunderstand let me know.

Thanks