Search Results for 'css'

Hello,
You can use this css code to change the color for the footer social icons:
.footer-social-wrap .td-icon-font{
color:red;
}
I hope this helps.
Thanks.

Hello mystudent,

If you want to remove that gradient, you have to use a bit of CSS. Please try the code below.

Tha code is ->

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

Thank you for the message!

Hi,
You can use this css to do it:
.td-header-style-1 .td-header-menu-wrap-full{
height: 30px!important;
}
.td-header-style-1 #td-header-menu{
min-height:30px!important;
}
.td-header-style-1 .sf-menu > li > a{
line-height:30px!important;
}
Thanks.

Hello,
It depends on how you want to go about this. If you simply want to hide it with css you can use this code:
.home .td-a-rec-id-header{
display:none!important
}
This code will work if your ad is not adsense.
If the ad is adsense, you need to use this code:
.home .td-g-rec-id-header{
display:none!important
}
If you want to remove the ad from the code, then you need to follow this topic to see how a condition can be used to remove an ad on a specific page: https://forum.tagdiv.com/topic/remove-ads-in-certain-postpage/
I hope this helps.
Thank you!

Hello denniz6,

Unfortunately, our theme does not have such an option to add more sections to user registration form but only trough code. If you want to add some of these, you have to alter the top-menu.php core file in that section, like this -> http://screencast.com/t/tZhOuRYt Please notice that is not a simple task and you need some knowledge about PHP/HTML/CSS. If you are not aware of the steps in this regard, please consider hiring a freelancer or developer to do this for you or try to find some plugins with this functionality, because we cannot provide custom services at the moment, sorry!

Thank you for the message!

Hello Amy,
You need to use this link and create your button and get the code: https://www.stumbleupon.com/dt/badges/create
Then you need to place the code in this file: http://screencast.com/t/b2SBp2UQg
Then you can use this css to position it properly:
.td-default-sharing iframe{
position:relative;
left:8px;
top:2px;
}
I hope this helps.
Thanks.

Hello Vaniquest,

Unfortunately, our theme does not have such an option to enable/disable these kinds of borders/separators. You have to add it manually with CSS code. For example, if you want to add some of these into your footer section, please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

.td-footer-wrapper .td_block_wrap {
border-right: 3px solid red;
padding-right: 10px;
}

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

The similar layout as you wish is our Newsmag theme that looks like this -> http://screencast.com/t/GlJVCQncwO
Please notice that achieving this layout is not a simple task and is require custom work. If you want to display more levels in our theme and you are not aware the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide custom services at the moment, sorry!

Thank you for the message!

Hi,
Unfortunately the js error is still there. I suspect the minification. Please only use cloudflare to minify your js and css otherwise errors such as this could occur. https://forum.tagdiv.com/cloudflare-cdn/
Also you should switch from w3 total cache to wp super cache as this is the recommended plugin.
Thanks.

Hello,

You can use this css to remove it:
.td-comments-title-wrap {
display:none!important;
}
.td_block_related_posts{
padding-bottom:0px!important;
}
.td_block_wrap .td-next-prev-wrap, .td_block_wrap .td-load-more-wrap{
margin-bottom:0!important;
}
I also removed the extra space by reducing margins and paddings.

I hope this helps.
Thanks.

Hello Sayeed,

I suppose that you are referring to the title underlined for each post title. Please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

.post header .entry-title {
text-decoration: underline;
}

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

If is not what you mean, please provide more details about your desired changes so I will be able to provide a more accurate response.

Thank you for the message!

Hello bhadrabalaram,

For an accurate response, you will provide me your link so I can inspect it closer. For example, please try the code below and add it in Theme panel->Cusotm CSS area.

The code is ->

.td-header-style-3 .td-header-header {
margin-left: 0px;
}
.td-header-style-3 .td-header-sp-logo {
padding-left:0px;
margin-left: 0px;
}
.td-header-style-3 .td-header-sp-logo a img {
margin-left: 0px;
}

The result -> http://screencast.com/t/4JcyKBDFEzDt and other example is here -> http://screencast.com/t/In0djext7v

Also, here depends on what kind of image you are using as the logo because it is possible to have some white space in the image and that you cannot align to the left.

Thank you for the message!

Hello,
In order to use a bigger logo we recommend using a full logo header and using a bigger image. This is the safest way to do it.
Alternativerly, you can use css to enlarge your logo on your header style:

@media(min-width:1141px){
.td-header-style-1 .td-header-sp-recs, .td-header-style-1 .td-header-sp-logo{
margin-bottom:0!important;
}
.td-header-style-1 .td-header-sp-logo{
width: 320px!important;
height: 120px!important;
margin:0!important;
}
.td-header-style-1 .td-header-sp-logo img{
width:335px!important;
max-height:150px!important;
}
}

Thanks.

Hello mystudent,

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

.td-header-menu-wrap {
border-bottom: 1px solid #f5f5f5;
border-top: 1px solid #f5f5f5;
}

The result -> http://screencast.com/t/1EISyOGAm3LI

Thank you for the message!

Hi,

You need to add an extra class on the row for this modification so you can target just the one block:
http://screencast.com/t/2fOvhhbRg
And then use this css to move the big module to the right:
.mycustomclass .td_block_big_grid_1 .td-big-grid-post{
float:right!important;
}
result: http://screencast.com/t/FYPB9YZU4Kz

Thanks.

Hello jasontermechi,

If you want to change the tab color for the related articles/more from author and comments, you have to use a bit of CSS code to do it. Please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

.td-ss-main-content .block-title>span, .block-title>a, .block-title>label, .widgettitle, .widgettitle:after, .td-trending-now-title, .td-trending-now-wrapper:hover .td-trending-now-title, .wpb_tabs li.ui-tabs-active a, .wpb_tabs li:hover a, .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab.vc_active>a, .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab:hover>a, .td-related-title .td-cur-simple-item, .woocommerce .product .products h2, .td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more, .td-weather-information:before, .td-weather-week:before {
background-color: red!important;
}

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

Hope this helps!

Thank you for the message!

Hello Dhananjay,

I suppose that you are referring to the size of the placeholder from post template 8 feature and the size you can find in this image -> http://screencast.com/t/bhkR8znPrwlZ As you can see, this kind of template uses as the feature image from the background image. You can add in this placeholder the desired image using background-image option code.
If you want to add an image for that placeholder from style 8, you have to use a bit of CSS to add the background image to fit the image inside the box. Please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

.td-post-header-holder{
background-image: url('http://wowslider.com/sliders/demo-5/data/images/saarschleife.jpg');
background-repeat: no-repeat;
background-size: 1164px 570px;
}
}

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

If is not what you mean, please provide more details about your desired changes.

Thank you for the message!