Search Results for 'css'

Hi,
You can use this custom css for it:

.td_social_facebook .td_social_info, .td_social_facebook .td_social_info_name{
display:none!important;
}
.td_block_social_counter .td_social_facebook {
font-size:20px!important;
}
.td_social_facebook{
width:32%!Important;
}
.td_social_googleplus .td_social_info, .td_social_googleplus .td_social_info_name{
display:none!important;
}
.td_block_social_counter .td_social_googleplus {
font-size:20px!important;
}
.td_social_googleplus{
width:45%!Important;
}

result: http://screencast.com/t/pEj7kWaYChxo
Thank you!

Hello,
The page elements do not come from the theme but rather the plugin. It seems they have a fixed width that surpasses the main container width.
You can use this css to adjust the sizes of the elements:
.tt_event_page_left{
width:68%!important
}
.tt_event_page_right{
width:30%;
padding-left:10px!important
}
But keep in mind that this layout needs adjustments with responsiveness and that falls beyond what support can offer you.
Thank you!

Hello,

Unfortunately everything you want done has to be hard-coded as there are no options to customize the header elements.
You can use css to do it on some extent.
You can change the color of the top menu in the theme panel: http://screencast.com/t/8kihBablNWXk
Then you can use this css to make it thicker:
.td-header-style-10 .td-header-top-menu-full{
height:50px!important;
}
.td-header-sp-top-menu{
line-height: 45px!important;
}
You can place the code in the theme panl -> custom css box.
For the gradient, you can use any image you want by setting a css background image:
.td-header-sp-logo{
background-image: url("http://i.huffpost.com/gen/2125210/images/o-EYES-facebook.jpg");
background-size:100%;
background-position-y: -400px!important;
}

You can change the url in the code to the url of your preferred image.
If you want a simple gradient you can use this code:
.td-header-sp-logo{
background: linear-gradient(lightblue, grey);
}
You can leave the bottom part as it is as the default is white background with black letters.
The final result will be like so:

with image: http://screencast.com/t/czZch5dwP
with gradient: http://screencast.com/t/qmNJb2sgC3BL

Thank you!

Hello Edge44,

If you want to change the background-color in posts and the text colour, you have to use a bit of CSS. Please try the code below and add it in Theme panel->Custom CSS area. Below I gave you an example for the steps wich you have to follow in order to achieve as you wish. Please notice that this is a basic example and if you want to implement this for our website it is necessary to make some additional customization for a better look.

.type-post {
background-color:black;
}
.td-post-content {
color:white;
}
.td-post-title .entry-title {
color:white;
}
.td-post-content h1, h2, h3, h4, h5, h6 {
color:white;
}

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

If you are not aware the steps in this regard, please consider hiring a freelancer/developer to implement this for you in our theme because we cannot provide custom services at the moment, sorry!

Hope this helps!

Thank you for the message!

Hello amd4ever,

1) If you want to remove the space between these blocks (18->15), you have to use a bit of CSS. Please try the code below and add it in Theme panel->Custom CSS area.

.td_block_18 {
padding-bottom: 0px;
}
.td_block_18 .td_module_mx8 {
padding-bottom: 5px;
}

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

2)I have checked you website and I saw you have a crumb-container without breadcrumbs. Below I gave you a CSS code and I decrease the margin-bottom of this container and the result you should see here -> http://screencast.com/t/DMWuxsZEHkAP

The code is ->
.td-category-header .td-crumb-container {
margin-bottom: 0px;
}

And, if you want to have a smaller space between category and header menu, you have to hide this container with a bit of CSS and increase the padding-top of the category container and the result you should see here -> http://screencast.com/t/PuJpE6Z1

.td-category-header .td-crumb-container {
display:none;
}
.td-category-header{
padding-top: 10px;
}

3) Please try the code below. You can adjust the values until you obtain as you wish.

.td-post-template-12 .td-post-header, .td-post-template-13 .td-post-header {
margin-bottom: 10px;
}

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

4)If you want to change the background-color for your all site area, please try the code below.

.td-pb-row, .type-post, .td-main-content-wrap, .td-category-header {
background-color:#743636;
}

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

Hope this helps and let us know how it goes!

If is not what you mean, please provide more details. Screenshots will be more useful.

Thank you for the message!

Hello aabuday,

It is possible to achieve what you want if you use a bit of CSS. Please try the code below and add it in Theme panel->Custom CSS area, like this ->

The code is ->

.td-header-header {
padding-bottom:10px;
border-bottom:2px solid rgba(227, 137, 176, 0.7);
}

Also, you can adjust the values until you achieve as you wish.

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

Hope this helps and let us know how it goes!

If is not what you mean, please provide more details and the exact place where you want to do changes (the screenshot could be more useful for my understanding) so I will be able to provide a more accurate response.

Thank you for the message!

Hello,
This issue usually appears when the theme css gets rewritten. This can happen due to an incompatible plugin or due to custom modification, but as i see full width elements on your website I think it’s safe to assume it’s the custom modifications you made to the theme. Please remove your modifications and test if the sidebar displays the same without mods.
Thank you!

Hi,

You can use this custom css to do it:
.td-travel .td-travel-features .td_block_wrap{
margin-bottom:0!important;
}


Thank you!

Hello,
Please provide an example of the slider you wish changed (an URL leading to it) so we can provide the proper css code.
Thank you!

Hello,

1) I have checked your website and rev slider seems to work as expected: http://screencast.com/t/KEJUMtBOI
2) Unfortunately you cannot use css to add a custom font. It will have to be loaded by the theme. Adding it in css will not be enough. It will not apply. you can check if a font is loaded by viewing the page source and searching for the font. It should look like this when a custom font is loaded: http://screencast.com/t/dESL9yb3Q0Qn

Thank you!

Hi,
It seems the css got rewritten either by custom modifications or plugins. First please disable all plugins except visual composer and clear cache to rule out a plugin conflict.
Then please check any customization done to the footer to see if any code does not affect the titles.
Let us know how it goes.
Thank you!

Hello,
Please provide more details as to what margins you are trying to reduce and provide a link to your website so we can inspect these margins and provide a css code for it.
Thank you!

@cybergetro,
You only need to use the code in the custom css box. Not in both places. If it still does not work, please provide a link to your website so i can inspect it.

@moor,
The method provided by Radu A does not work anymore as this is a very old topic from march 2014. The code has been changed a lot since then. If you are trying to hide the footer or sidebar on the mobile version like @cybergetro, then please use the code above to do it.
Thank you!

Hello carmene,

Please try the code below and add it in Theme pane->Custom CSS area.

.td-ss-main-sidebar .textwidget p {
text-align:left;
}

Thank you!

Hello,

1) Unfortunately the grid builder font does not get applied by the settings, so custom css must be used.
2) The excerpt length cannot be changed from the grid builder nor the theme. There is no option for it.
3) The featured image gets grabbed from the posts. You cannot set a featured image inside the grid builder.
4) You will have to use css for them also.
Unfortunately the grid builder still has issues like the rest of visual composer but these issues are not theme related. If you test the grid builder on a WP default theme you will see that it has the same issues. We will have to wait until the developers at visual composer update their plugin and fix these issues.

Thank you!