Adding comments with icon to blocks meta info

Posted in: Newsmag
Post count: 8

Hi, I would like to add “number of comments with icon” on blocks meta-info, after date, just like it is displayed on slider or single post. Can you help me with this?

meta info

Post count: 6535

Hi

First you need to edit td_module.php file and add this code here: http://screencast.com/t/Vhsrq6NPtzWY

<i class="td-icon-comments"></i>

You also need this css in theme panel > custom code > custom css: http://screencast.com/t/pNhDhK1ULwce

.td-icon-comments{
margin: 0 8px;
color: black;
}
.td-module-comments{
background-color: white;
}
.td-module-comments a:after{
display: none;
}
.td-module-comments a{
color: black;
}

Hope this helps!
Thanks!

Post count: 8

Yes, it helps! Thank you again!!

Post count: 8

Sorry, one more question: when there are no comments I would like to hide the comments icon? Is this possible?

Post count: 6535

Hi

Add this condition in td_module.php here: http://screencast.com/t/ynMUHKsFSu

        if ((get_comments_number($this->post->ID)) == 0){
            return;
        }

Thanks!

Post count: 8

Thanks Andrei!

Could you help me with comments style on grids and blocks 14 and 15 (see the screenshot please) i would like to remove the background colors (and on grids the icon is on the top right and I want it bottom) and I’d like the icon and number to be white like the rest of meta-info. Thnaks!!

screenshot

Post count: 23312

Hello Enio,

If you want to change the position of the comments, please notice that your website I needed to provide so I can inspect it closer and also, so I will be able to provide a more accurate response. Regarding on the color of the image, please notice that if you want to have a white image instead of black, you should try to load another image which it structure is white by default. For example, you can try to use the Font Awesome.

Thanks for the message!

Post count: 8

Hi Catalin, I want comments style just like it’s on the slider (I am talking about big grid and blocks 14 and 15 in my homepage), with no colored background rectangle, white icon with white number in line with meta-info (date, hour…)

here is the login information:

glasistre.info

Thank you!

Post count: 23312

Hello Enio,

You should try the following code and place it in Theme panel->Custom CSS area.

The code is ->

.td-big-grid-post .td-module-comments{
right:10px;
top:auto;
bottom: 10px;
}
.td-module-comments {
background-color:#848484!important;
}

The result you should see here -> http://screencast.com/t/gYsJWRzHo

If you do not like this, you should edit the value for right, bottom by your desire.

Please notice that I give you only a code to the beginning and further you should customize it yourself. 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 because we cannot provide custom work at the moment, sorry!

Thanks for the message!

Viewing 9 posts - 1 through 9 (of 9 total)
You must be logged in to reply to this topic.