Search Results for 'css'

Hello Vegan Flavour,

1)If you want to change the size for your “More Stories” button, you should use a bit of CSS code to do that and place it in Theme panel->Custom CSS area.

.td_ajax_load_more i {
font-size: 20px;
}

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

2)Try the code below ->

.td-main-content-wrap{
padding-top:0!important;
}
.wpb_content_element{
margin-bottom: 5px;
}

3)Use the code below ->

.td-icon-search{
display:none!important;
}

4) The code will hide the Related Articles on mobile.
@media (max-width:767px){
.td_block_related_posts{
display:none;
}
}

If you want to display more levels in our theme and 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!

Hope this helps!

Thanks for the message!

Here is an example:

.sf-menu > .menu-item-12117 > a{
color:red!important;
}
each menu item has it;s own menu item number that you can use in the code. If you want to target anotjher one you would add it like so:
.sf-menu > menu-item-12211 > a{
color:blue!important;
}

Add the code in the theme panel-> custom css box

Thank you!

Hi,

This is the class you are looking for if you want to change the animation: http://screencast.com/t/pdhZSQRecTU
You should also look for it in the css file.

Thank you!

Hello diablo7,

Try the code below and place it in Theme panel->Custom CSS area, like this ->

.comment-respond #url{
display:none;
}

Thanks.

Hello Cactus24,

Please notice that our theme will be switched in boxed mode if you will add a background image and that’s why the Footer and the Header are not be displayed in full width. Unfortunately, the theme does not have any such an option that allows you a way to change this behavior from the panel, but you can do that using a bit of CSS code. You should follow the next topic here -> https://forum.tagdiv.com/topic/cant-create-fake-full-width-top-menus-by-coloring-the-outer-wrappers-in-6-1/#post-56800 because there you find a solution in this regard.

Thanks for your understanding!

Hello,
You do not need to use html or css to edit posts or pages in our theme. We do not suggest using the pagebuilder on posts, but if you want to try it out, you cna activate visual composer on psots from the VC settings in the admin dashboard under general settings and role manager. Do this at your own risk though as visual composer is not tested on posts and it could provide mixed results
Thanks.

hello,
If you want to remove the footer, you should only disable it from the theme panel like so: http://screencast.com/t/IsrJtAOLwz
If you use the mobile theme, then you can only remove it with css. Please use this code:
.td-mobile-footer-wrap{
display:none!important;
}

As for the second request please read this guide: https://forum.tagdiv.com/the-mobile-theme/
The mobile theme will not show visual composer and if you use it on posts, it will show the shortcode and not render it. in this case i suggest disabling the mobile theme plugin and using the standard responsive version of the theme

Thank you!

Hello dritanleka,

What type of Big Grid do you use? So, for example, if you are using Big Grid 3 you should use the code below nad place it in Theme panel->Custom CSS area.

.td_block_big_grid_3 .td-post-date{
display:none;
}

Thanks.

Well you should remove the background image from your category first: http://screencast.com/t/i7AU1U4Nz Then customizae the code adding your own image to it and placing it in the theme panel->custom css box.
Thank you!

Hello noori020,

I have inspected your custom code and you have some syntax errors, like this -> http://screencast.com/t/5ytIgus4QF In the future, please notice that you can search it on Google because there you find anything and solve the problem quickly because we can not always give a quick response. You can check here -> http://www.w3schools.com/css/css_background.asp

Thanks for the message!

Hello,

The big grid author and date were hidden with css as a design choice. It can be activated again by adding this css in the theme paenl-> custom css box:
.td_block_big_grid_8 .td-small-thumb .td-module-meta-info{
display:block;
}

Thank you!

Hi,
You can change it with a bit of css. Please use this code in the theme panel->custom css box:

.td-icon-star, .td-icon-star-half, .td-icon-star-empty {
color:red!important;
}

Thank you!

Hello mrx,

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

.td-header-style-8 .td-header-main-menu{
padding-left: 0!important;
}

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

Thanks.

Hello veet1975,

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

.td-category-description{
text-align: left;
width:100%;
}
.td-category-siblings{
text-align: left;
}

Please keep in mind that our theme do not support the RTL and it is not a simple task to adjust the elements for the entire theme in order to bring best results. You should do it yourself the other customizations because we cannot provide custom work.

Thanks for your understanding!

Hello,
Please provide a link to your site as the solution above is from Oct 20, 2014 and it will not work anymore. Provide a link and I will provide the proper css to make the menu narrower
Thank you!

Hello berkans,

Unfortunately, please notice that our product 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!

Thanks for your understanding!

Hello F3rious,

1)You can try using the code below and place it in Theme panel, custom CSS area.

The code is ->

.td_block_mega_menu .td-icon-font{
display:none;
}

2)Please notice that does not exist an optimal dimension regarding on background. You should use what images you want. If you want to bring best results you should use HD images and also, you can use the Stretch option from Theme panel, like this -> http://screencast.com/t/QChbuG1jNes5

Thanks for the message!