Search Results for 'css'

Hello ukume,

Please try to check your Custom CSS area and from there you will have to disable if you are using additional customization using CSS code.

Thanks.

Hello thies,

If you want to increase your travel header, you will have to use a bit of CSS code to do it. Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-travel .td-travel-header {
height: 750px;
}

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

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

Thanks.

Hello,

There is no setting in the theme for this but you can use a custom css to do it:
.td-logo-text-container .td-logo-text{
font-size: 30px!important;
}
Add the code in the theme panel->custom css box

Thank you!

Hi,

Thank you for sharing your implementation method.

1) The action that the button does is added by the code you implement. If your code simply leads to the page, then that is what it will do. If you want it to perform some other action, you must add it into the code.
2) The spacing can be adjusted with css.
3) In the same file you will find the article bottom sharing options that resemble the first code. you just have to scroll a bit further down.

Thank you!

Hello,
Visual composer was adapted to work with our theme, Yes. That is why we provide it and recommend using only the version we provide.
If you want to decrease the padding between elements, you can use the browser inspector and remove them with css as there is no setting for this.
Thank you!

Hello szedmaktom,

Please notice that in our theme is optimized only the logo for Retina Display and not the thumbnail images. Also, this effect appears only in mobile mode for module 17. As you can see, the image was cropped to the 696*385 px (as original size) and then, for mobile version this image will be increased with a bit of CSS code, like so -> http://screencast.com/t/1AqsvEEOIMJi and this will lose a bit of quality. So, this is the normal theme behaviour in this case and this was a developer decision to do that. If you do not like this, you will have to change the block/the module. The theme does not have images optimize for Retina logo because in this case it should load 2 different images (one for desktop mode and another one for Retina logo) and this would affect server memory.

Thaks for your understanding!

Hi,
The height of the row cannot be changed from the settings, but it can be done with custom css. Please add an extra class to the row in visuak composer and then use the class to set the min-height like so:
.mycustomclass{
min-height: 73.1754vh!important;
}
The value from the code is the default value that visual composer sets to the row. Lower this value to reduce the height of the container
Thank you!

Hello solidoes,

The surest way in this regard is to install the Black Version demo from scratch. Also, please notice that every demo has an own custom design and it is not simple to achieve this from the Theme panel. As a hint, you will have to check the style.css for this type of demo, like so -> http://screencast.com/t/WxpENXAteJdH and there you will find all of the code which has used to achieve this design. Please notice that the best way to have the black version of our theme is to install that demo.
For more information about installing demo, please consult here -> https://forum.tagdiv.com/search/installing+demo/

Thaks for your understanding!

Hi,
Please follow each step carefully from the guide you posted and leave speedbooster last. If everything is set except for render-blocking css and js, then activate speedbooster from the theme package you download from envato and follow this guide to learn about it’s compatibility function: https://forum.tagdiv.com/topic/tinymce-advanced-and-other-various-disabling-speed-boster/
Thank you!

Hello,
The mobile theme footer cannot be adjusted in the mobile theme. It can be done with a bit of css though. Please provide a link to your site so we can inspect it and provide the proper code. If you do not want to post the site here, you can send us an email at contact@tagdiv.com and provide a link to this topic so we can identify you.
Thanks.

Hello,
The style of the black version of the theme changes elements as well. every demo has it’s own styling. If you want to remove the style of the new tabs you will have to search in the demo’s style.css and remove the black version styling: http://screencast.com/t/T6fCMTl6
Thank you!

Hi,

You can use this css:

.sf-menu ul .td-menu-item > a {
color:white!important;
}


Thank you!

Hi,

You can try this css code:

.td-header-top-menu-full{
border-bottom: 1px solid #e0e0e0!important;
}
.td-social-icon-wrap{
border-left:1px solid grey;
}

Thank you!

Hi,
In order to get the ticker above the title, you need to add your modification to these files: http://screencast.com/t/2IBizwaV and encase the php code in a standard html div with a custom class so you can target it with css for styling.
Thank you!

Hello mystudent,

If you want to add a border to your top menu bar, you will 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-header-sp-top-menu {
border:1px solid white;
}
The result -> http://screencast.com/t/zXzt2Tj0VXp

Thanks.

Hi,
The mega-menu colors cannot be changed from the theme panel so you will have to use this custom css to do it:

.sf-menu ul{
background-color:#262729!important;
}
.td_mega_menu_sub_cats{
background-color:#262729!important;
}
.td-mega-span h3 a{
color:white!important;
}
.td_mega_menu_sub_cats a{
color:grey!important;
}

Add the code in the theme panel->custom css box.

Thank you!

Hello thangnguyen,

Unfortunately, our theme does not have such a design for the search box, sorry! Please notice that if you want to achieve that design for your search box, you will have to use a bit of CSS code to do that and this involve custom work. If you want to display more levels in ur theme and you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry!

Thanks for your understanding!

Hello london789,

Unfortunately, our theme does not have such an option that offers you a way to change the font for your Social Counter. So, if you want to change it, you will have to use a bit of CSS code to do that. Please notice that the font which you have to call with the CSS code will have to be loaded on your theme because otherwise the font will not be displayed.
For example, you can use the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td_block_social_counter {
font-family: "Helvetica Neue", Helvetica, sans-serif;
}

Thanks.

Hello djgruber,

If you want to hide this item from your main navigation, you will 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. Please notice that you will have to find the menu item ID for each item you will want to hide using the Inspector.

The code is ->

.menu-item-1140 {
display:none;
}

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

Thanks.