Search Results for 'css'

Hello,

I guess that your custom class for your custom post type is .single-job_listing. You can try to use the code below and place it in Theme panel->Cusotm CSS area. Please notice that you are using an untested plugin and we have no idea about the theme behaviour with this plugin, sorry! Below you can try my suggestion.

.single-job_listing .author-box-wrap{
display:none;
}

Thanks.

Hello jarmusch,

If you want to remove this Tab, you will have to use a bit of CSS code and place it in wp-admin.css core file, like this -> http://screencast.com/t/ycozdWAWI

The code is ->

.wp-has-submenu:nth-child(2){
display:none;
}

Thanks.

Hello,

1) there is no theme setting for this but it can be done with a css trick. Add this code in the theme panel->custom css box:
.td_block_4 .entry-title a{
pointer-events:none!important;
}
And if you want to remove the hover color you can also ad this code:

.td_block_4 .td_module_wrap:hover .entry-title a{
color:initial!important;
}

2) This functionality is mentioned here: https://forum.tagdiv.com/background-introduction/
It is related to the site background. If you want to have a full width header and footer, yopu need to remove any background image or color (white counts too) You need top press the clear button for the background color and remove the background image.

3) The site width cannot be altered. Our theme was built on a fixed width and there is no simple way of changing it as all the theme elements depend on this fixed width.

4) The category tag color can only be changed with css. For this you need to add an extra class on the row that contains the block in visual composer and then use the class in this css code like so:

.mycustomclassname .td_block_4 .td-post-category{
background-color:Red;
}

Thank you!

Hi,

Caching and speed optimization will work to reduce the delaytime for the font change to happen but if a user has a slow internet connection he will still see this happen no matter the optimization you do. Caching and cden help in this matter, yes!
If you want to add the font directly in style css,if you change the value I popinted out, it will change all of the heading tags font, not just the h1. if you just want to affect the h1, you can add it below and remove it from that part like so:
http://screencast.com/t/fUCNokeh
Maybe this topic also helps: https://forum.tagdiv.com/topic/icon-library/ and

I found this example of benton sans:
/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
font-family: 'BentonSans-Regular';
font-style: normal;
font-weight: normal;
src: local('BentonSans-Regular'), url('BentonSans-Regular.woff') format('woff');
}

You could maybe adapt it to your version of the font.

I hope this helps.

Thanks.

Hello vm3567,

I guess that you want to hide the Author Box for a certain post, right? To do this, please notice that you will have to use the post ID for your post and then with a bit of CSS you can hide it, just like at this example ->

.postid-28592 .author-box-wrap{
display:none;
}

The result -> http://screencast.com/t/6hkg5iTYsY

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

Thanks.

Hello tcmc1313,

Please keep in mind that I cannot help you in this regard with a simple rule of CSS because it is not an easy task and in order to achieve as you wish you will have to make some adjustments in style.css until brings best results. First of all, to be safety, please try to make a full backup for your style.css core file because all of these modifications have to be made in that file. As you can see, our theme does not have such an option that offers you a way to simply switch the mobile layout for tablets and that’s why you should change the style for it in the core file. Please notice that I will give you only a hint on what you can achieve as you wish…so, you will have to replace all the 767px (width of mobile) with the width of your tablets (1018px or 1140px) as you can see here -> http://screencast.com/t/LvBXodHALb. Please notice that that file is very huge and you will have to change approx 728 matches…you can try to use the Search and Replace option.

Hope this helps!

Thanks for your understanding!

Hello,

If you want to add the read more button to another block you simply have to add this code in the module file you want the read more to display on:

 <div class="td-read-more">
                <a href="<?php echo $this->href;?>"><?php echo __td('Read more', TD_THEME_NAME);?></a>
            </div>

Block 4 uses module 2 so you can add the code here: http://screencast.com/t/WFUTpe1w

It will need a bit of css customization:

.td_block_4 .td-read-more, .td_block_4 .more-link-wrap{
margin-bottom: -10px;
    margin-top: 10px;
}

This should do it.
Thanks.

Hi,
Well you do not have to use custom css in the child theme. You can simply use the theme panel’s custom css box: http://screencast.com/t/zlKtgTNdj
The code from the custom css box will not get rewritten on any update.
Thank you!

Hi,

You can prevent the css code from applying to any other parts of the site by adding the smart list class so the code will only affect the smart list of your choice. It is recommended to use it that way so the other parts do not get affected. Here is an example of how the code should look:

.td_smart_list_1 .td-sml-caption div{
position:relative;
top:-25px!important;
left:10px
}

You should add the .td_smart_list_1 class at the beginning of any code you want to use only on the smart list or another smartlist type you want to use. You can simply change the smarltist number and add the code so it will only affect the smartlist.
Unfortunately I cannot find a viable solution for the caption to be positioned on the left of the image. You can move the image but the caption stays in place. If you do not align it center, it will not stay on the image.
The only simple viable solution is to have it align center.
Ad for the images being clickable, it is the same on my end. This is not a default implementation of the theme as smartlists were designed to ignore caption links. Sometimes forcing things to display causes other issues. I will add this to our list for future updates and pass this information on to our development team so we can maybe add support for link captions in future versions of the theme. Sorry for the inconvenience.

You could try one more css trick though to remove the link from the images and only have the caption clickable:

.td_smart_list_2 img{
pointer-events:none;
}

As for the transparent grey backgorund you can use this code

.td_smart_list_2 .td-sml-caption div a{
background-color:rgba(0, 0, 0, 0.4)!important;
}

Thank you!

Hello mc_kot,

Please notice that what you want to achieve it is not a simple task, sorry! Each demo has an own style design with an own CSS code, as you can see here -> http://screencast.com/t/waaYk9LkgEG If you want to have the similar layout for your website, I suggest you installing the Black Version of the theme (with/without content) and because what you want to achieve to adjust the Default layout to Balck version it is more difficult, require time-consuming, custom work and we cannot provide this type of services at the moment, sorry! Simply, you have to use our Black version.

Thanks for your understanding!