Search Results for 'css'

Hello howtoisolve,

I have checked your website URL and I saw the color switching in your header. Please notice that the CSS working in cascade and the first time take the code from style.css that is set ti by default and then take the color 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 value of color.

Hope this helps!

Thanks.

Hi,
Please try this code:
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}}
Add it in the theme panel->custom css box.
Thanks.

Hi,
The image has an opacity of 0 set from the css because the javascript is still broken as seen here: http://screencast.com/t/VaN8yPaFbw Are you sure you deactivated ALL plugins ecept visual composer and cleared cahce? Or maybe you have a JS code running that interferes with the theme js. Please try to restore the theme to it;s defaults and test again.
Thank you!

Hi,
The top menu is deactivated with css on mobile. Please provide a link to your site so I can inspect it and provide the proper css.
Than you!

Hello delgermurun,

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

The code is ->

.td-scroll-up-visible {
display: none;
}

Thanks.

Hello Vittorio,

First of all, please try to disable all the active plugins, leave just Visual Composer to active and instal only the plugins that come bundled with our theme and rule out the conflicting plugins.
Please notice that the CSS working in cascade and the first time take the code from style.css that is set it by default and then takes you custom CSS that you have changed from Theme panel. As a workaround, you have to check your style.css and try to add directly in this file your desired custom CSS code.

Hope this helps!

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

Thank you for the message!

Hi,
If you use a text block immediately after the video you will get those results. Every text blo0ck has padding and margins to it and if you use a h2 title inside the text block , then you increase these spaces as a heading adds spacing as well. You also get spaces from a widget that is in place there adding bottom spacing to the text block. Please remove all your plugins except visual composer, clear cache and reset cdn files. Then check the spacing again. I suspect there is a plugin that alters the css.
Thank you!

Hi,
You can remove the gradient using this css code:
.td-header-gradient:before{
display:none!important;
}
Thank you!

Hi,
Unfortunately you cannot get the top menu to display inside the main menu. You can however use this css code to activate the top menu at the top of the site:

@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}
.td-header-sp-top-menu {
display: block !important;
}}
Thank you!

Hi,
You can target every post template with css like so:
.single_template_6 .post .td-sub-title {
color:#484848;
}
If you want the code to apply to multiple templates, use it like so:
.single_template_6 .post .td-sub-title,
.single_template_7 .post .td-sub-title,
.single_template_8 .post .td-sub-title {
color:#484848;
}
Thanks.

Hello fajriearadea,

Please notice that the “more article box” are disabled for the mobile mode and then this feature is not be shown in this case. If you want to have this feature to the mobile mode, you have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Cusotm CSS area.

The code is ->

@media (max-width: 767px){
div.td-more-articles-box {
display:block !important;
}
}

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

Also, if you want to use the related articles feature without thumbnail, please try the code below and place it in Theme panel->Cusotm CSS area.

The code is ->

.td_module_related_posts .td-module-image {
display:none;
}

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

Notice: The related articles may not be used on the sidebar. This feature was designed to be used only in 2 or 3 columns.

Thank you for your understanding!

Hi,
Well, you can’t. If you want to add code, you have to edit code. We do have a few code boxes in the theme for CSS ,JS and HTML but this will not help in adding the HTML in the desired locations. You will have to edit the header.php file to have access to the header and body tags. http://screencast.com/t/eQcoYXpH
Thank you!

Hello,
Unfortunately we do not recommend changing the width of the site at all as the smart sidebar will not be the only element to break. We highly discourage this as you will need lots of customization to adapt every element to the new width. All the theme elements depend on the width you modified. In order to have all the elements display properly again, you need to change their css to fit in the new container size.
Thank you!

Hi,
I have checked your site and on both android and ios the top bar displays at the top of the page. The display: none and display:block css parameters are not OS dependent. They will work on any browser and any OS.
Thank you!

Hi,

You can use this css trick to make the images height smaller:
.single_template_2 .td-post-featured-image {
height: 500px!important;
overflow: hidden!important;
}
.single_template_2 .td-post-featured-image a img{
transform: translate(0px, -100px);
}

Thanks.

Hi,
The effect you are seeing is resolved by the solutions I posted above. Either increase your loading speed following the guide I provided or modify the colors directly inside the style.css file. There is no other alternative. If you say that this error did not occur 2 weeks ago, please revert any changes made since then (but we have no reports of the theme update or the new version of WP to cause this)
Thank you!