Search Results for 'css'

Hi,

You could try this custom code, enter it in Theme panel->Custom code->Advanced Css in the Desktop section – http://screencast.com/t/LoeX0gX72j This will work only in desktop width because the code modifies the responsiveness

.td-post-template-1 .td-featured-image-rec {
width: auto;
}
.td-post-template-1 .td-a-rec-id-post_style_1 {
float: left;
margin-left: 50px;
}
.td-post-template-1 .td-post-featured-image {
float: left;
}
.td-post-template-1 .td-paragraph-padding-1 {
clear: both;
}

Result with code added – http://screencast.com/t/dMGLt66VGY4

Please let me know if this works for you
Thanks

Hello,

These are intended as they have a css to display:none on mobile devices.
They can be activated again using this code:

@media (max-width: 767px){
.td-gallery-controls-wrapper {
    display: block!important;
}
.td-doubleSlider-1 .td-slide-item .td-gallery-slide-copywrite {
    display: block!important;
}}

Thanks.

Unfortunately the speedbooster plugin will move the css to the footer so it will load slower on the first load. You will see any font changes or color changes more delayed as well. If you want o to remove this effect you will have to prevent moving style.css to footer in speedbooster.
Thanks.

Hello,

If you want to have the sidebar on mobile before the post content, you will have to modify the theme files to make the sidebar come first before the post content. Unfortunately there is no setting for this and it can only be done through customization. Here is an example on how to do it:
http://screencast.com/t/Llv6U3Vk and then use this css to move the sidebar back to the right (it will go left after the customization)

.td-main-sidebar{
float:right!important;
}

Thanks.

Hi,

To remove the gradient in Header style 12 enter this code in Theme panel->Custom Css

.td-header-style-12 .td-header-menu-wrap-full .td-header-gradient:after {
display: none;
}

Result with code added – http://screencast.com/t/ZAlMgKfma36

Thanks

Hello,

You can remove the gradient if you like using this code:
.page .td-post-template-8 .td-post-header{
background-color:transparent!important;
}
.page .td-image-gradient-style8:after{
display:none!important;
}

And maybe a bit of a shadow to the text:
.page .td-post-template-8 .td-post-title{
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}
You can add the code in the theme panel ->custom css box.

I hope his helps
Thanks

Hello lewinandreilly,

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

.td_top_authors .td-authors-name a{
color:green;
}
.td_top_authors .td_mod_wrap:hover .td-authors-name a{
color:red;
}

The result is here -> http://screencast.com/t/hCcWpwauKzup

Thanks for the message!

If you want to position it with css ytou can use this code top do it:

.single .td-post-title .td-module-meta-info span{
position:relative;
top:2px;
}

Thanks.

Hi,

It seems that the whole module meta info containing the title has a display none property, you can fix it by entering this code in Theme panel->Custom Css

.td-module-meta-info {
display: block!important;
}

Thanks

Hello Rudy,

I suppose that you are referring to the appearance of a flash/time loading when you enter on your website, regarding on your loading menu bar, right? Firstly is loaded a default font and then will appear your custom font, right? This behavior appears when you have additional customization through custom CSS code and also, you are using the Speed Booster plugin. 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. So, if your problem is still there, please try to revert the theme to the default settings, without any customizations and let us know how it goes. Also, you can try to make a new fresh install from scratch with the latest version of the theme and check the results. Also, please make sure every time you cleared caches. Noticed that the only files where you will have to edit are style.css.
If 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 custom work at the moment, sorry!

Thanks for your understanding!

Hi,

Unfortunately the iframe itself is getting the broken height. You can try to add this code in the theme panl->custom css box:
.evo_custom_content.evo_data_val iframe{
height:100%!important;
}

Thanks.

OK, but even if you did not edit anything in the child theme. How old is it? When did you create it? Please always use the style.css and functions.php provided in the child theme in each version release. If you did not alter anything then there will be no consequence in deleting and using the child theme provided with the latest version of the theme: http://screencast.com/t/jZ8YLxL0
Thanks.

Hi,

This code will make the menu text colored on hover, enter it in Theme panel->Custom Css (you can set a color name or hex of your choosing)

.td-header-style-1 .sf-menu > li > a:hover {
color: #4db2ec;
}

This code is for an active menu (the one you are on) enter it only if you want

.current-menu-item a {
color: #4db2ec!important;
}

Please tell me if this ok for you
Thanks

Hi,

Enter this code in Theme panel->Custom Css (it works for the default non-modified header style 1 menu – removes the active menu item bottom border and sets a hover color for the menu text) but it would be much easier if you could provide a link so i can inspect your site

.td-header-style-1 .sf-menu > li > a:after {
height: 0;
}
.td-header-style-1 .sf-menu > li > a:hover {
color: #4db2ec;
}

Thanks

Hello Corsicaman,

I suppose that you are referring to the appearance of a flash/time loading when you enter on your website, regarding on your loading font, right? Firstly is loaded a default font and then will appear your custom font, right? This behavior appears when you have additional customization through custom CSS code. 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. So, if your problem is still there, please try to revert the theme to the default settings, without any customizations and let us know how it goes. Also, you can try to make a new fresh install from scratch with the latest version of the theme and check the results. Also, please make sure every time you cleared caches. Noticed that the only files where you will have to edit are style.css. If you want to make deeper changes in this regard, you should check the td_config.php core files and from here you should change the default theme fonts which are Open Sans and Roboto with your desired one, like this -> http://screencast.com/t/YXUNUqxE.
If 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 custom work at the moment, sorry!

Thanks for the message!

Hello,

If your table exceeds 696 pixels it will only show properly without sidebars. It means it does not have enough space to show up properly. The left and right padding will not help as the main content width cannot be changed. Our theme was not built with a dynamic width in mind. We do not recommend altering the theme width ass all of the theme elements depend on the fixed width. Please provide a link to your site so I can inspect this table and maybe there is a css rule that can be added for it to position properly.
Thanks.