Search Results for 'css'

Hello gauravkohli,

Unfortunately, the theme doesn’t have such an option, so you will need custom modifications for this and we cannot provide custom work, sorry!
A solution is to upload you custom font to your server and define it in the style.css file or Theme Panel -> Custom CSS like the theme font is defined – http://screencast.com/t/cfvpUyGjYj9 and add your own font name and path.
Once your custom font is defined you can use CSS code to apply your font.

Hope this helps!

Thank you for your understanding!

Hello aph100,

If you want to change the font-size, font family, alignment you have to use a bit of CSS code to do that. Please try to use the code below and place it in Theme panel->Custom CSS area.

The code is ->

.logo-text-container .td-logo-text {
font-size: 60px;
font-family: Arial;
text-align:left;
}

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

Please notice that the font-family will have to be loaded in the theme from theme panel, otherwise, the font will not be applied on your side.

Thank you for the message!

Hi,
You can remove the padding from the logo with css like so:
.td-header-style-4 .td-main-menu-logo img{
padding:0!important;
}
The height of the menu can be increased by increasing the line-height here: http://screencast.com/t/Wv6PiTAV
Thank you!

Hi,
You can replicate the full hover background with a bit of css:
.td-header-style-9 .sf-menu > li > a:after{
height: 48px!important;
z-index:-1!important;
}
The trick is, you have to place it directly in the style.css file. If you add it in the theme panel then you would be able to see it change from the bottom line to the full background at first load as the css wil get rewritten.
Add the code at the bottom of the style.css file like so: http://screencast.com/t/sgzjQllqrVi
Thank you.

Hi,
There is also a css alternative for this if you add an extra class to the row in visual composer, then you can target a specific block if you want. You can change the color for each module like so: http://screencast.com/t/Bg8gEdEO
You can do this for every module. Simply change the module number in the code and it will apply to that specific module.
Thank you!

Hello

If you want to remove that background effect, you have to use a bit of CSS code to do that. Please try the code below and place it in Thee panel->Custom CSS area. If you want to apply these settings for other modules you have to use the inspector and target the certain element.

The code is ->

.td_module_mx8 .td-module-thumb a:last-child:after {
display:none;
}

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

Thank you for the message!

Hi,
You can use this custom css code to do it:
@media (max-width:767px){
.td-header-gradient:before{
display:none!important;
}}
Add it in the standard theme css box.
Thank you!

Hi,
Unfortunately there is no setting to only display the post views on the back-end, but you can hide them on the front-end with a css code:
.td-post-views{
display:none!important;
}
Simply add the code in the theme paenl -> custom css box.
Thank you!

Hello todaybase,

If you want to centre the featured image, you have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-post-featured-image img {
margin-left: auto;
margin-right: auto
}

Thank you for the message!

Hi,
Sorry for not explaining things better in the first reply but I did not realize you want to keep the “latest posts” on the homepage and rename the word ‘blog’. (misunderstanding :))
For the breadcrumbs there is no setting to remove them on specific pages, but this can be done with css. You will need the page id you can get from here: http://screencast.com/t/7AIX5pftA and then you can use css like so:
.page-id-1486 .entry-crumbs{
display:none!important;
}
If you want to add more pages to the same code you can do it like so:
.page-id-1486 .entry-crumbs,
.page-id-1487 .entry-crumbs,
.page-id-1488 .entry-crumbs,
.page-id-1489 .entry-crumbs {
display:none!important;
}
Hope this helps.
Thanks.

Hello compunetit,

Please notice that all the colors from this demo come from theme panel. Please check your theme panel, Theme colors and try to change from this place, like this -> http://screencast.com/t/rLPehcTx1M Please notice that all the style of the theme is loaded in style.css file.

Hope this helps!

Thank you for the message!