Search Results for 'css'

Hi,

The link behind the xxx did not work. I have checked your site but could not find the front-2 class anywhere on the page you provided. Maybe that is why the css does not work as you us a different class for your button.
You can use the browser inspector to get the class of the button you wish to style and change it in the css from front-2 to the class of the button. You can follow this tutorial on how to use the browser inspector: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thank you!

Hello cooolvita,

If you want to get rid of that white space, 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-crumb-container{
display:none!important;
}
.td-post-title {
display:none;
}
.td-module-meta-info {
display:none!important;
}
.td-post-content .wpb_text_column{
display:none;
}
The results you should see here -> http://screencast.com/t/vlpPbbXS7S3A
Also, if you want that the code below to be applied only for your mobile devices, you will have to use the following code with @media attribute –>>

@media (max-width:767px){
.td-crumb-container{
display:none!important;
}
.td-post-title {
display:none;
}
.td-module-meta-info {
display:none!important;
}
.td-post-content .wpb_text_column{
display:none;
}
}

So, please notice that your second request regarding no reducing the height for the Block 14 thumbs size involves custom work and this type of service is not covered by our support. Please notice that you can control the posts which will be displayed for your Block 14 from the Block Settings panel, like this -> http://screencast.com/t/2l4lU8fi91 and the results you should see here -> http://screencast.com/t/yTw1CkBwFw7x

For more information about our Blocks, please check our documentation here -> https://forum.tagdiv.com/block-settings-tutorial/

Hope this helps!

Thanks for your understanding!

Hello Navito,

Please notice that this website is very well customized by it’s owner and requires to spend a bit of time until you will bring this layout. Also, please notice that this website has the similar layout with our travel demo layout and if you want to bring this, please try to follow the below tutorial in this regard ->

This is the simplest solution of recreating the travel demo homepage on another demo. This cannot be done without the custom classes used by the travel demo.
Please follow these simple steps to recreate the travel demo homepage with another (or no) demo installed:

1)This is the ‘shortcode’ of the page layout. You can simply paste it inside to your page editor in classic mode and text mode: http://screencast.com/t/SUt9ItUc the code: http://pastebin.com/RAA6DkWp

2)The background image will not be found so you will need to add your own image in the row setting: http://screencast.com/t/yB2Bh0rbo

3)Please add this class: td-travel to the body of the website like so: http://screencast.com/t/fOt9sfquQtVy

This will be the result: http://screencast.com/t/vlZG4G8m1Xpy

4)In the final step, you will have to copy/paste the custom CSS for this demo travel from the core file, like this -> http://screencast.com/t/oQurpGTnM

Also, please notice that if you want to add the banner which looks like as Travel demo, you will have to use Visual Composer ->Stretch Row for the image, like this -> http://screencast.com/t/BKSJkm1Zxetc -> http://screencast.com/t/3RTst4tfRW

Hope this helps!

Thanks for your understanding!

Hello Edward,

Please notice that if you are using more items for your top-bar menu, the social icons will fall to the second line. To fix this case, please try to use a bit of CSS code and place it in Theme panel->Custom CSS area.

The code is ->

.top-header-menu li a {
margin-right: 15px;
}

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

Thanks.

Hello akashpandit,

Unfortunately, our theme has not been designed to offers you a way to increase or decrease the width. Please notice that our theme does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results. If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!
So, if you want to create your own front page with only videos, you will have to use the Player element from Visual Composer, like this -> http://screencast.com/t/WL0TiUuNJeJ and the results you should see here -> http://screencast.com/t/9hYZPfNzG Also, if you want you can use and this element -> http://screencast.com/t/dGATtApC7ut

Thank you for your understanding!

Hello acluk,

Unfortunately, our theme has not been designed to offers you a way to increase or decrease the width. Please notice that our theme does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results. If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!

Thank you for your understanding!

Hi,
I have not tested this on the mobile theme so the css most likely needs to be changed. Please provide a link to your site so i can create the css code directly by inspecting the element.
Thank you!

You do that with another css code:

@media(max-width:767px){
.td-page-content, .td-post-content, .woocommerce #tab-descriptiony{
color:red!important
}
h1, h2, h3, h4, h5, h6{
color:red!important;
}
}

Thanks.

Hello shackonline,

Please notice that this is the normal behaviour for our mega menu feature. If you mean something else, please provide more details, some useful screenshots so I will be able to provide a more accurate response. So, please notice that each demo has own custom style. If you want to find out more about this style, please check demo_stlye.css file from the travel demo, like this -> http://screencast.com/t/olZpc5E0T7Ec

Hope this helps!

Thanks.

Hello Mayapur Voice,

I suppose that you are referring to the appearance of a flash when you enter on your website…firstly is loaded a style and then will appear another style, right? This behaviour appears when you have additional customization through custom CSS code and when you are using the speed booster. Please notice that the CSS are working in cascade and the first time will take the code from style.css that is set it by default and then the theme will take the custom code that you have changed from Theme panel and practically this flash is generated by this cause. As a workaround, you have to check your style.css and try to add directly in this file your desired custom code.

Hope this helps!

Thanks.

Hi,
Well I’m not sure what is the css supposed to apply to. If your link has the front-2 class like < a class = "front2" href="#" > then it should get the style from the css. Also you use letter-spacing twice in the same code. You just need one. Plerase provide a link to your site pointing to the post/page with the link you are trying to style so I can inspect it and see why the css does not apply.
Thank you!

Hi,
Unfortunately visual composer is not recommended on posts in our theme as it was not tested. you can activate visual composer for posts from the VC settings role manager, but you could get mixed results. We only designed the blocks to work on pages, not on posts.
In order to remove the gradient on the slide element and the icons visibility, you can use this css:
.td_block_slide .td-image-gradient:before{
display:none!important;
}
.td_block_slide .td-icon-left, .td_block_slide .td-icon-right{
opacity:1!important;
}
Thank you!

Hi,
Unfortunately there is little you can do about adblock. If you want to change the classes in our theme for the ads, then you can do so from the theme files and style.css. It will be no walk in the park as there are many places to edit. For this to be easier, you will need a text editor that can search for strings. Just the td_block_ad_box class is found and used 184 times in the theme files: http://screencast.com/t/UUWSldAd
As you can imagine, there is no easy solution I can provide for this as it’s quite a big modification to make.
Thank you!

Hello,
Our theme has no RTL support unfortunately and we have no plan on implementing it in the near future. Implementing RTL support in our theme will require 2 style.css files and it will add significant “weight” to the theme. At the moment, the only way to implement a rtl language and layout is with custom modifications we cannot provide. Sorry. you can hire a freelancer from sites like studio.envato.com to help out in this matter as lots of elements have to be adjusted.
Thank you for your understanding.

Hi,
Unfortunately columns are dynamic and they depend on the content inside them. If the content is not equal of height, then columns will not be equal as well. You can provide a link to your site so i can inspect these elements and see if there can be a css trick i can provide.
Thank you!

Hello sonix32,

Please notice that if you have changed the headings from H3 to H2, all your module title will be in H2 now and the font size for these will be greater than H3. So, if you want to decrease the title font size only for your mega menu, please try to use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td_block_mega_menu .td-module-title a {
font-size:15px;
}

Hope this helps!

Thanks.