Search Results for 'css'

Hi,

You can use this css, but do so on your own risk :
.postid-219 .td-main-content{
padding-right: 8px!important;
padding-left: 8px!important;
}

I have not provided this solution before as we never recommend changing the site width. This causes elements to not position properly anymore. You will have top be careful with the content position now, and keep track of this modification so if something does not position properly on your smartlist, you will know the cause.
You will need the post id to apply the change only to the specific posts you want. You can get the id like so:
http://screencast.com/t/eBhucmDHY

Thank you!

Hi,

If you want to have comments show up on your modules and have the same design to them as on posts, you need to replace this function: http://screencast.com/t/QEk6UMFZ4lv
with this one:

 function get_comments() {
        $buffy = '';
        if (td_util::get_option('tds_p_show_comments') != 'hide') {
            $buffy .= '<div class="td-module-comments">';
                $buffy .= '<a href="' . get_comments_link($this->post->ID) . '"><i class="td-icon-comments"></i>';
                    $buffy .= get_comments_number($this->post->ID);
                $buffy .= '</a>';
            $buffy .= '</div>';
        }

        return $buffy;
    }

Then you need to use this custom css:

.td-module-comments a{
color:black!important;
background-color:white!important;
}
.td-module-comments a:after{
display:none!important
}

This will be the result: http://screencast.com/t/arnMILyO
This will apply to all the modules as they all use the same function to get comments.
Hope this helps.
Thanks.

Hello hvatinat,

If you no longer want the Video Icon for your videos, you have to use a bit of CSS custom code to hide it. Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-video-play-ico {
display:none;
}

Thank you for the message!

Hello,
Our theme does not have any charts option so you will have to add charts as you would in any other wordpress theme. Using Html and css: https://css-tricks.com/making-charts-with-css/, or you can create your chart in a photo editor and simply use the image on the site. Or maybe you can find plugins that have such options.
Thank you!

Hello

I have checked your website and I saw the issue with your logo for Ipad device and also I saw that you have a lot of custom modifications and this kind of issue might be caused by them. Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

@media (max-width: 1140px) and (min-width: 1019px){
.td-header-style-7 .td-header-sp-logo {
margin-right: 0!important;
}
}
@media (max-width: 1140px) and (min-width: 1019px){
.td-header-menu-wrap-full {
height:106px!important;
}
}

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

Thank you for the message!

Hello,
You can use css do do it, but it depends on the post template you chose. Different post templates use different sized featured images. If for example you use post style 2, then you can use this css:
@media (min-width:141px){
.td-post-template-2 .td-post-featured-image img {
width:640px!important;
margin-left: auto;
margin-right: auto;
}
}
Thank you!

Hello,
Unfortunately the theme has no such options/ads You will have to either use a plugin that could have this feature, or hard-code the ads in. You can use simple html to add content into the theme files and css to position the ads and hide them on other viewports. For this you will have to edit quite a few theme files so your ads will appear everywhere on the site.(post templates, category templates, page templates, 404 page, search page…etc.)
Thank you!

Hello willysawa,

If you want to have the background color for the text content for Trending Now feature, please try the following CSS code and add it in Theme panel.

The code is ->

.td-trending-now-display-area {
padding: 0 0 0 0px;
}
.td_module_trending_now {
background-color:red;
}

The result -> http://screencast.com/t/a4UGYHAdTVCT

Thanks.

Hello willysawa,

Please try to use a bit of CSS code to align the Trending Now feature. Place the below code in Theme panel->Cusotm CSS area.

The code is ->

.td-trending-now-wrapper {
padding-left: 25px;
}

The result -> http://screencast.com/t/9S9NscfC45

Thanks.

Hello,
It depends on the block you want to edit. I can provide a css code to remove it from all the blocks but i’m not sure this is what you want.
If you want to remove the title, comments and author in all blocks, please use this code:
.td_block_wrap .entry-title, .td_block_wrap .td-module-meta-info{
display:none!important;
}

Thanks.

Hello,

Unfortunately there is no option at the moment to add a flipboard social network from the theme panel. You can add it but it will require a bit of coding knowledge. You can edit this file and add the flipboard social network like so: http://screencast.com/t/k9qMvzklqkt
Now there will be a flipboard field in here: http://screencast.com/t/YeugnuvXLYa
The problem will be the icon. There is no flipboard icon inside our theme fonts/icons so the button will work but it will have no icon/image. You will have to adapt it to display a background image and replicate the css from the other buttons for positioning.
Hope this helps.

Thanks.

Hello ChequePata,

Please try the code below and place it in Theme panel->Custom CSS area.

.td-classic-facebook iframe {
min-width: 150px;
}

Thanks.

Hello FrancescoITB,

If you want to disable the zoom effect for your mobile mode, please try the code below to do that. place the code in Theme panel->Custom CSS area.

The code is ->

@media (max-width:767px){
.td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb {
transform: none !important;
-webkit-transform: none !important;
-moz-transform: none !important;
}
}

Thank you for the message!

Hi,

You can use this css code to hide the website field:
.comments #url{
display:none!important;
}

Thanks.

Hello,

1) You can change the excerpt length from the theme panel here: http://screencast.com/t/RHMTvEp2t. If you want to show a custom excerpt, that can be added from the post itself here: http://screencast.com/t/UZ9DzPCymB1
If you want to remove the excerpt in a specific category page, you can either chose a module that has no excerpt or use css to hide it by using the category ID like for example:
.category-102 .td-excerpt{
display:none!important;
}


2) The smartlists show the list title (h3 or h4 or what you set from here: http://screencast.com/t/3neYcsfG), not the picture title.

3) Unfortunately this can only be done with custom modifications but we have no easy solution for it as smartlists are very complex elements and are hard to manipulate.

Thank you!

Hello pajura,

Unfortunately, our upgrade does not affect the quality of the thumbs. Please check our changelog and there you can see what improvements contain the update. On the mobile, this is the behaviour of the theme about image. All of these will be zoomed by CSS code and the image could have a lower quality.
-> http://screencast.com/t/UgLsY52gQ7vG -> http://screencast.com/t/2qwC506j
For more information about our change log, please consult the bottom of this page -> http://themeforest.net/item/newspaper/5489609

Thank you for your understanding!