Search Results for 'css'

Hello Javier,

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

.td-header-wrap .td-affix .sf-menu > li > a {
color:#bed600!important;
}

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

Thank you for the message!

Hello,
Unfortunately we cannot say for sure why the sidebar created this issue. It could have been a caching issue that got resolved when reinstalling the demo. It could also be a plugin compatibility issue. Some plugins tend to rewrite some of the theme css and create issues. If you encounter the problem again, please try to disable all plugins except visual composer to see if one of them is the cause.
Thank you!

Hello,
You can use a css trick to hide the description on a preferred post. You will need the post id first: http://screencast.com/t/xcvb8GZy
Then you can use the post id with css for example:
.post-3376 .td-author-description{
display:none!important;
}
Thank you!

Hello yycnow,

If you want to remove that white space, you have to use a bit of CSS. Please try the code below and add it in Theme panel->Custom CSS area.

.td-main-content-wrap {
padding-bottom: 0;
}
.td-cars .td-black-row {
margin-bottom: 0px !important;
}

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

If you want to have the different color for each page, you have to target it by page ID.

..page-id-3551 .td-main-content-wrap {
background-color: black;
}

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

Please notice that you have to do some customizations to give a good look.

Hope this helps!

Thank you for the message!

Hello,

I’m not sure how you want the category title positioned but you can use this css and ajust the left and right property to your prefference:
.td_block_1 .td-module-image .td-post-category{
bottom: -16px!important;
right: -5px!important;
}

Thank you!

Hi,
You can align your post content to justify when editing a post: http://screencast.com/t/mNeQdJmUCgmO
If you want to make all post text to justify, you can use css to do it:

.single-post .td-post-content{
text-align: justify!important;
}

Thank you!

Hello zetam1320,

If you want to change the style of the “Load more” button to be more visible, you have to use a bit of CSS. Please try the code below and add it in Theme panel->Custom CSS area.

.td_ajax_load_more {
font-size:15px;
background-color:red;
color:white!important;
padding: 15px 20px;
}

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

Please notice you should adjust these values as you wish.

Hope this helps and let us know how it goes!

Thank you for the message!

Hi,

You can replace these files:
1) td_panel_footer.php (includes/wp-booster/wp-admin/panel/views)
2) td_view_system_status (includes/wp-booster/wp-admin/panel/)
3) td_wp_booster_functions.php (includes/wp-booster/)
4) td-config.php (includes/)
5) td_footer_extra.php and
6) td_footer_extra_bottom.php (parts/footer)
7) style.css (root)
8) style-woocommerce (root)
You can update visual composer as well as there is a new version in the the new update.

Thank you!

Hello,
I have checked your website and saw the “bug”. It is actualy a plugin that causes this. It is rewritting the css for the pagination: http://screencast.com/t/f0sqiyK3i0V – http://screencast.com/t/eM5xB14PA
Fortunately this issue is easily corrected with css without removing the plugin:
.last {
margin-right: 8px!important;
}
Please check your website for other css errors that the plugin might cause.
Thank you!

Hello salimnazer,

If you want to remove the drop shadow below the Menu bar, you have to use a bit of CSS to hide it. Please try the code below and add it in Theme panel->Custom CSS area.

.sf-menu > li > a:after {
display:none;
}

The result -> http://screencast.com/t/3ox2zbwHY

Unfortunately, our theme does not have such a quick option for your desired search button. This request implies custom work. It is necessary to do some changes in code in order to implement the search button in your main menu bar. If you want to display more levels in our theme and you are not aware the steps in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom services at the moment, sorry!
For more references about this, you should find here -> https://wordpress.org/support/topic/search-bar-in-the-main-menu-or-in-a-container-div-containing-both-in-floats -> http://cyberchimps.com/guide/how-to-add-a-search-bar-to-the-main-menu/ or you can use some plugins with this functionality and see how it works for you.

Hope this helps!

Thank you for your understanding!

Hello Nicolai,

If you want your row to be transparent you will get the white box as there is a container underneath it with a white background (the main page wrap): http://screencast.com/t/ScR33wJO2Yx
In order for the background image of the page to be visible through the container, you will need to create a gap in the container.
This will require some css tricks to work. You can use this code:

.home .td-main-page-wrap{
position:relative;
top:530px!important;
}
.td-travel .td-travel-header{
height:0!important;
opacity: 0!important;
}

I think this is the result you are looking for: http://screencast.com/t/jvyjjHhbM
I hope this helps.
Thank you!

Hello,
The css must be done on every site in particular as not all the logos have the same dimensions and not all users have the same plugins which might overwrite some of the css. So if you require a css code for a modification, please point out your website and make sure you have the specific header style selected as it will need to be customized ‘on the spot’.
Thank you!

Hello nicolai,

1)Am facut mai multe teste si intr-adevar este un mini bug cu header style-ul 8. Va rog sa folositi codul CSS de mai jos pentru a regla dimensiunea logo-ului pe bara sticky.

@media (min-width:768px){
.td-header-style-8 .td-affix .td-header-sp-logo img {
width:158px!important;
}
}

Rezultatul se poate vedea aici -> http://screencast.com/t/Sd6ZuX0kx

Am trecut aceasta problema pe lista noastra de revizuiri si vom tine cont de ea in viitoarele update-uri.

2)Pentru tipul de meniu din header style 12, culoarea care o veti seta in sectiunea ACTIV&HOVER din Theme panel se va aplica doar pentru efectul de Hover de pe link-urile din meniu si nu pe meniul in sine ->asa este conceput acest stil de meniu -> http://screencast.com/t/LEhK2wEJv2Wl
Daca doriti sa schimbati acel efect de pe meniul principal, trebuie sa folositi un pic de CSS pentru a schimba culoarea.

Codul este ->

.td-header-style-12 .sf-menu > .current-menu-item > a, .td-header-style-12 .sf-menu > .current-menu-ancestor > a, .td-header-style-12 .sf-menu > .current-category-ancestor > a, .td-header-style-12 .sf-menu > li > a:hover, .td-header-style-12 .sf-menu > .sfHover > a {
background-color: rgb(227, 27, 27) !important;
}

Rezultatul se poate vedea aici -> http://screencast.com/t/wyPXtnMz9ct

Multumesc pentru mesaj si o zi frumoasa in continuare!