Search Results for 'css'

Hi,

For the category pages you could try a code like this
– https://www.screencast.com/t/LNXz1259
The code must be entered in Theme panel->Custom Css

.category .td-category-header {
display: none;
}

Thanks

Hello modaestrat,

1,3)Using the post ID for your desired post, you can hide the related articles and author box for this post. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.postid-380 .author-box-wrap, .td_block_related_posts {
display:none;
}

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

5)Notice that the category tags for Related Articles should have to be enabled from Theme panel->Block Settings ->Category Tag on Modules/Blocks, like this -> https://www.screencast.com/t/NsO1MhdZsTc Then if you want to display the meta info container (author, date, and comments counter) you should make some changes in order to achieve this, like this -> https://www.screencast.com/t/pLXvabdP1tA and then use a bit of CSS code to adjust these details, like this -> https://www.screencast.com/t/zjHZlHbsOjo6

The code is ->

.td_module_related_posts .td-module-title{
margin-bottom:2px;
}

If the future, if you want to make your design, you will have to consult our useful guide here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ because there you will find the method by which you can create your custom code yourself.

Hope this helps!

Thanks for the message!

Hello,

You can add this custom css in the theme panel-> custom css box but this will cause the menu to go on 2 rows on the sticky menu because the logo will need to take up space in the menu when the menu is sticky:
@media(min-width: 768px){
.td-header-style-10 .td-logo-sticky {
position: relative!important;
}}
https://www.screencast.com/t/PodLSExYxqz8

Thank you!

Hi,

It can be possible, with a shortcode. You need to edit the post template files that you want. Each post template has a corresponding single.php file and a loop-single.php file.
– https://www.screencast.com/t/oMIWFDRu
By editing these templates you can insert the shortcode in the post structure, for the post templates you want.
Like in this example for post template 2, where the code is inserted above the top social sharing
– https://www.screencast.com/t/RGtLW6IbQWI
– https://www.screencast.com/t/4xrvqho6WA4
You could experiment with other positions in the post structure.
This is the code used in the example

<?php echo do_shortcode ('[td_block_trending_now tdc_css=""]'); ?>

Thanks

Hello nkodgh,

You should use a bit of CSS code to do this. Try the code below and place it in Theme panel->Custom CSSW area.

.td-post-source-tags {
margin-left:-20px;
}

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

Thanks for the message!

Hi,

For the post page you can disable the comment count in the theme panel also
– https://www.screencast.com/t/O8pGAmCqc1DV
But for the author box there is no option to disable the comment count. However if you want to achieve it, you could do it in two ways. The easiest method would be to use this code
– https://www.screencast.com/t/Cwvg0WZib
The code will hide the count in the author box, you just need to enter it in Theme panel->Custom Css

.td-author-counters
.td-author-comments-count {
display: none;
}

The other method is to edit this file in the theme
– https://www.screencast.com/t/7mI9KMqEeoHW
There you will have to comment the lines of code mentioned, and the count will be removed.

Thanks

Hi,

Please try the code provided below, it should fix this issue
– https://www.screencast.com/t/b9UOiRMMJw
The code must be entered in Theme panel->Custom Css section

.td-magazine .td_block_template_1
.td-related-title .td-cur-simple-item {
color: #b14671;
}

Thanks

Hello,

You can fix the background color by using this custom css:
.woocommerce .product .products h2{
background-color:transparent;
color:black;
}

Thank you!

Hi,

I can give you a Css fix, but from what I am seeing there is something wrong with the block in the sidebar. Here you can see how the block is supposed to look on one column
– https://demo.tagdiv.com/newspaper/block-1/
Maybe you are not inserting the block properly, the layout of the page should look like this for the sidebar
– https://www.screencast.com/t/57ZDbmmMY
Or maybe you have some custom code entered in theme panel, or through a child theme. The block should not display like that when used in the sidebar for example.

Thanks

Hi,

That is to be expected, since the theme has different styles for these headings. There could be other sections and elements affected by that modification. Please try the code provided below and see if it fixes the menu, it must be entered in Theme panel->Custom Css

.td_block_mega_menu h2 {
font-size: 13px;
line-height: 18px;
}

If the solution does not work properly, please provide a link to your website so I can give you a more accurate answer.

Thanks

Hi,

You could set a maximum height for the featured image in the post page
– https://www.screencast.com/t/NqQiHcBqcOC
– https://www.screencast.com/t/hoW3ze8vUS
Setting a max height is better, because if an image would be smaller it will not stretch. The code will apply only on post pages, and must be entered in Theme panel->Custom CSs. You can experiment with different height values if you want.

.single .td-post-featured-image {
max-height: 650px;
}

Thanks

Sorry but there is no simple way of changing the width for the element. I I try to make it the same width as the container, this happens: https://www.screencast.com/t/L7xCiGboE
This will not be an easy modification to make unfortunately. The mega-menu modules need to be adapted to the new width, that means changing the thumbnail used on the mega menu and the css changed as well. We cannot provide a solution in this regard, sorry. I suggest hiring a freelancer if you really need this customization as we cannot tackle such tasks.

Thanks.

Hello h.mendoza,

If you want to make some changes to the style of Block 13, 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_block_13 .td-excerpt {
padding-top:80px!important;
}
.td_block_13 .meta-info {
margin-bottom: -65px;
}

The results is here -> https://www.screencast.com/t/lq0Gg80B

Thanks for your understanding!