Search Results for 'css'

Hi,

Module 2 is used to render posts on block 4 and the thumb can be disabled from here – http://screencast.com/t/DIqf0nHV
Not sure what you want to do, you could hide it via custom css only for block 4 if this is what you mean – http://screencast.com/t/mTgLOXPqQb

.td_block_4 .entry-thumb {
display: none;
}

Thanks!

Hi,

You could add a condition in the code – http://screencast.com/t/zbIc79oPVqSh

if (td_util::get_option('tds_footer') != 'no' && !is_single()) {

Or use css to hide it(add it in Theme Panel -> Custom CSS):

.single .td-footer-wrapper {
display: none;
}

Thank you!

• This reply was modified 10 years by Emil G.

Hello,
you can use this custom css:

.td-header-style-1 .td-header-menu-wrap-full{
height: 28px!important;
}
.td-header-style-1 .sf-menu > li > a{
line-height:30px!important;
}
.td-header-style-1 .header-search-wrap .td-icon-search{
line-height:30px!important;
}

I set it to the same height as the top menu. (28px)
result: http://screencast.com/t/byoguua6hP
Thank you!

Hello,
In order to change the mobile menu color you will need to update your theme to the latest version if you do not have this option in the theme panel: http://screencast.com/t/LhLGuzA8U
https://forum.tagdiv.com/how-to-update-the-theme-2/
In order to disable the sidebar in the mobile menu you can use custom css:
@media(max-width:767px){
.td-ss-main-sidebar{
display:none!important;
}
}
Note that this code will only work for a sidebar (standard sidebar from widgets area) it will not work for pages that use 2 column visual composer rows.
Thanks.

Hi,

Do you refer to this space? – http://screencast.com/t/Uv7Htpuh
Every tagdiv block has a bottom padding and you can decrease it using custom css in Theme Panel > Custom Css – http://screencast.com/t/jyZDmnV64R

.td_block_wrap {
padding-bottom: 1px;
}

Thanks!

Hello,

You can use this custom css to target the tablet view:

@media (min-width:767px) and (max-width:1018px){
.td-logo-wrap-full{
height:130px;
padding-top:22px;
}
}

As before, you can adjust the parameters in the code to your preference.

Thank you!

Hi,

The theme’s scroll to top button doesn’t have the same functionality, but you could do this with some custom modifications.
First you will have to cut this code from header file – http://screencast.com/t/s9RP3ADEiD and paste it in the footer file – http://screencast.com/t/Bf7VXbAm3Ih2 – http://pastebin.com/9Xnw8Ysp
Then use this custom css in Theme Panel > Custom Css – http://screencast.com/t/2jvheA3u
If you don’t have basic php/html/css experience and you need another functionality for it I suggest to get someone to help you with this, as we are not available for custom services sorry!

Thanks!

• This reply was modified 10 years by Alin [tagDiv].

Hi,
CSS modification will not be affected as they are stored in the DB not the theme but core files modifications such as these will have to be redone if the file is changed in the update. Here is a list of modified files that will be repl;aced in the 6.6 version: http://tagdiv.com/td_deploy/Newspaper/changed_files_6.5_6.6.html
Thank you!

Hello,
It can be done by editing the core files like so:
You need to edit every post template file you use. Every template has 2 files a loop.php and a single.php http://screencast.com/t/V8eaFkJyhaw. You need to remove the code for the category headers from the loop files: http://screencast.com/t/ICSY0coK7H and then add the code to the single.php files: http://screencast.com/t/i1hxTT2J
Then you can use this custom css for positioning:
.td-crumb-container{
display: inline-flex;
}
result: http://screencast.com/t/MYMxqNtuuECc
Thank you!

Hello zlato,

To achieve what you want, it is necessary to increase the width of the title container of widget and target separately. Below, I gave you an example for a random widget, like this: http://screencast.com/t/vDIR5JMs9Mp .
Please try the code below and place it in Theme panel->Custom Css area, like this: http://screencast.com/t/1ieMJYpb3F

.td_block_id_486417986 .block-title span {
width: 100%;
}

Hope this helps and let us know how it goes!

Thank you for message!

Hello PierreBoullier,

You can achieve what you want if you use a bit of Css. It is possible this thing without alter your code source. Please try the code below and place it in Theme panel->Custom Css area, like this: http://screencast.com/t/scMiLJl3 .

.td-header-sp-logo {
display: none!important;
}
.home .td-header-sp-logo {
display: block!important;
}

Above, I gave you an example how to display a logo only on your home page. If you want to show the logo to another page, please replace the .home with your page ID. Also, you can find the page ID, using your Inspect element browser, like this: http://screencast.com/t/qPqw9kfOnIUh .

Hope this helps and let us know how it goes!

If is not what you mean, please provide more details about this.

Thank you for message!

Hi,

You can follow this tutorial: https://forum.tagdiv.com/author-card/
or You can create a page to display all your authors using Authors Box block. It will display all your authors(name, photo and posts and comments counter) – http://screencast.com/t/l1baxeL773s2
If you need also author bio information, you will have to add this code in td_block_authors.php file – http://screencast.com/t/LQFrzsG1J –
code:

$buffy .= '<div class="td-authors-description">';
                $buffy .= '<p>' . get_the_author_meta( "description", $td_author->ID ) . '</p>';
                $buffy .= '</div>';

And add the following css in Theme Panel > Custom Css – http://screencast.com/t/2esvImmE

.td_top_authors div.item-details {
height: auto;
}

You can increase the image size from 96px using this custom css ():

.td_top_authors .td_mod_wrap {
    min-height: 256px;
padding-left: 185px;}
.td_top_authors img{
max-width:100%;
width:256px;
}

Unfortunately it is not easy to target just a particular author box.

Thanks!

Hello tawigroup,

You can change the color of the news ticker if you use a bit of Css. Please try the code below and place it in Theme panel->Custom Css area, like this: http://screencast.com/t/LKFwh8KQ

.td-trending-now-title {
background-color: red;
}

The result you should see here: http://screencast.com/t/FUovJvrW

Also, if you want to change the color of title in News ticker, you can do it from Theme panel->Themes colors->Article titles, like this: http://screencast.com/t/JosZkkkf

Thank you for your message!

Hi,

Please use this custom css in the theme panel:

.widget_tag_cloud .widgettitle:after{
width: 600%;
}

Thank you!

Hello,
Unfortunately the mega-menu has no color options. You will need to use CSS to change it.
Use this custom CSS in the theme panel-> custom CSS box:

.td_mega_menu_sub_cats{
background-color: black!important;
}

Thank you!