Search Results for 'css'

Hello SW1988,

First of all, please notice that our Big Grids does not have a title and also, I do not exactly understand what you mean by title and text, sorry! Provide more details about what you want to achieve so I will be able to provide a more accurate response. This is the main functionality for our Big Grids. These contain the posts ( the title of the posts) and if you will press it you will be linked to that post. If you want to remove the date and name for Big Grid you should use a bit of CSS code to do this, according to your Big Grid used by you. For example, if you are using the Big Grid 1, you should use the below custom CSS and place it in Theme panel->Custom CSS area.

The code is ->

.td_block_big_grid .td-module-meta-info{
display:none;
}

Thanks for your understanding!

Hi,

The default excerpt feature works only for the predefined modules in the theme. Since none of those modules are used in the page, those options will not have any effect. However I have managed to find a way you could change the font size value on the text you require. Please try the code provided below and see if it is working properly for you.
You can make the font smaller – https://www.screencast.com/t/09mq7dFTZ9iz
Or make it bigger – https://www.screencast.com/t/pURDHdXNyp
You just need to set the font size that you would like to use. The code must be entered in Theme panel->Custom Css

.vc_gitem-post-data-source-post_excerpt p {
font-size: 10px;
}

Thanks

Hello,

Yes, indeed it seems the issue is now present on our demo as well. I will add this to lour list of bug fixes required for the next update.
Until then please add this css code in your theme panel-> custom css box:

.td-post-template-default .td-post-featured-image img{
width:100%!important;
}

Thank you!

Hello,

Some blocks have the post title appear on the image itself so these blocks have a shading behind the text so the text can be seen properly. There is no option to remove the shading except css code. Please provide a link to your website so I can inspect the blocks you want the shading removed from and I will provide the proper code for their removal.

Thank you!

Hello,

You seem to be using a very old version of our theme. The option was not there in newspaper 6.
The only option to remove the comment bubble was in theme panel->post settings
That option should affect all the module blocks and posts at the same time
If you want the option active for posts but disabled for all other templates, you should use this custom css code:
.td-module-meta-info .td-module-comments{
display:none
}

Thank you!

Hi,

The css does not seem to be affected by this change. Simply change the p tags to h2 in each post template file like so: https://www.screencast.com/t/2vHGdr5jb
No css is needed apparently.

Thank you!

Hello gunngx,

1)If you want to reduce that white gap, you should use a bit of CSS code to do that. Try the code below and place it in Theme panel -> Custom CSS area.

The code is ->
.td-main-page-wrap {
padding-top: 15px;
}
The result is here -> https://www.screencast.com/t/O6g81zm0U

2)You should regenerate your thumbnails using the Force Regenerate Plugin and Regenerate Thumbnails. For more information about this problem, please check here -> https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/

Thanks for your understanding!

Hello Ken0929,

1)The Retina display is not available for module_16 or Block 21, sorry! If you want to implement it you should do it yourself because we cannot provide custom services at the moment, sorry! If you want to do this, you should edit the theme core file like td_panel_blcok_settings.php, where the panel settings are created. So, if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you.
2)If you want to remove that shadow, you simply use a bit of CSS code to hide it. Try the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-header-gradient:before{
display:none;
}

3)Unfortunately, our theme does not have any such an option for our Excerpts, sorry! All the available settings for this feature should be found here -> https://forum.tagdiv.com/excerpts-introduction/

Thanks for your understanding!

Hi,

I understand now. You could try this code that will increase the space available and display the translation properly – https://www.screencast.com/t/7E2lgi5FnW
The code must be entered in Theme panel->Custom Css

.td-classic-sharing
.td-classic-facebook iframe {
width: 120px!important;
}

Thanks

Hello,

@ferimester
You can select a green hover color from the post background color: https://www.screencast.com/t/YyvOPXCJ7j but in order to get the post title green (not just the hover color) you will ahve to use this custom css code:
.td_block_22 .entry-title a{
color:green;
}

@seranoticia
For block 9, please use this code:
.td_block_9 .entry-title a{
color:green;
}

CSS code can be added in the theme panel-> custom css box.

Thank you!

Hi,

For mobile you can do it like this – https://www.screencast.com/t/Rj7RiivsSYlB
Please try the code provided below in the mobile theme css section, and it should work properly

.home .td-a-rec-id-header_mob {
display: none;
}

Thanks

Hi,

There is no drawback if you install a demo first and then take it from there. One of their purposes is to provide an easy start for a website. You could also customize the standard theme with Css and the theme panel options to make it look similar. The demo will import it’s own settings for the theme panel when you install it.
It all depends on how you want to proceed. You can create your unique page layout and style it like you want, or similar to a demo.

Thanks

Hello Cilene,

If you want to do this, you should use a bit of CSS code. Try the code below and place it in Theme panel->Cusotm CSS area.

The code is ->

body .block-title span{
background-color:green!important;
color:white!important;
}

This is a general code which can influence your entire website. For more information about how you can create your custom CSS rule using the web inspector browser you should check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!