Search Results for 'css'

Hi,
If you want to customize the default template, you need to edit this file like so: http://screencast.com/t/ezg1Gquo
Then you need to use this css for the category tags font as it gets changed from the modifivcation:
.entry-category a{
font-size:11px
}
result: http://screencast.com/t/yX1ubvh5b
Thank you!

Hi,
Unfortunately our theme has no such option. Our blocks were not designed to show extra information on hover.
You can add the bottom gradient in big grids if you chose a different style for the block: http://screencast.com/t/doqorJXJa
You can activate it with css on other blocks that use the title on top of the image:

.td_module_mx1 .td-module-meta-info, .td_module_mx8 .td-module-meta-info, .td_module_mx1 .td-module-meta-info{
background-color: rgba(0, 0, 0, 0.25);
}

Add the code in the theme panel->custom css box.
Thank you!

Hi,
1) I’m not sure what a userpro badge is as userpro is not a tested plugin. you can try to code it in if you have the proper coding skills. Either with the code you showed above or the do_shortcode funtion.
2) If userpro has it’s own comments, you can replace the standard theme comment system from here: http://screencast.com/t/Ic56itglx3h
3) The login was hidden for mobile phones only. For desktop and tablets it is present in the top menu. Please proveide a link to your site so I can provide the proper css to show the login on the mobile version of your site.
Thank you!

Hello occhiodifalco,

I have checked your website I saw that you have a lot of additional customization for this type of header that breaks the layout and cause a bad design. If you want to return to the default settings, you have to clear all your custom CSS code to this section -> http://screencast.com/t/Ca7gkrnyi and also, if you want to have a bigger logo you have to switch your header style to another one that supports it, as example header style 11. For more information about our header styles, please check our documentation here -> https://forum.tagdiv.com/header-styles/
Also, please notice that if you want to change the structure of your header style 3 as you wish, involve custom work and we cannot provide this type of service at the moment, sorry!

Thank you for your understanding!

Hello ealeksa,

You have to use a bit of CSS code to decrease that space.

The code is ->

.home .td-main-page-wrap {
padding-top: 0;
}

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

Thanks.

Hello efaq,

1)As I have explained you above, the block buttons are made them with some custom rule. Also, please notice that the main element is WP Custom menu from Visual Composer, this have a custom class named .td-menu-blocks-custom Also, you have to make your own desired menu from Appearance->Menu from WP panel and then you have to use this visual Composer element with this custom class to get the Custom CSS design, like this -> http://screencast.com/t/i834fsDw -> http://screencast.com/t/Th9oEVLMM -> http://screencast.com/t/WWt2yabWiMv and as an example result -> http://screencast.com/t/7Mtx3fdFGNRd

2)So, please notice that our theme uses a lof of thumbs and sizes to display the featured images. Please check this -> http://screencast.com/t/mKgjef3g5UFF and there you can see a list with our modules and what kind of modules are used in our blocks and also, which of them are enabled or which not. Also, from the Thumbs on modules & Block, you will turn off some options for size and that size are used in some blocks that are active, the featured image will not be shown because the thumbs for this type of block are deactivated. I hope that you understand by explanation.

3)Also, if you want to add some link in our footer section, you have to use a footer template that allows you to make it as you wish, for example, the footer template style 5 and then you have to use a bit of HTML code to add a link, using this syntax -> http://www.w3schools.com/html/html_links.asp

Thank you for your understanding!

Hello nurdin,

If you want to hide this feature, please try the code below and add it in Theme panel->Cusotm CSS area.

The code is ->

.td-pulldown-filter-display-option{
display:none;
}


Thank you for the message!

Hi,
Unfortunately the theme has no settings for this so it will have to be made custom. The php methodf and editing the theme files will prove to be way more complicated so css is the easier choice. You can use font awesome 4 menus to get icons and add them through css.
You will need to assign a custom class to the row of your block like so: http://screencast.com/t/CZ8lKS4g
The you ca use this css to apply the icon:
http://screencast.com/t/aJvQGaRI3e
.mycustomclass .block-title span:after{
content: "\F050";
font-family: FontAwesome;
margin-left:15px;
position:absolute;
top:7px;
color:black
}


The content: “\xxx” is the icon itself and this can be change to any from this list:
https://fortawesome.github.io/Font-Awesome/cheatsheet/
You have to get only the font number (after F) for every font.
Hope this helps.
Thank you!

Hello Natasha,

Please notice that this is a Visual Composer element and you can get like this -> http://screencast.com/t/3uvX1MsXjlb If you want that all your image to have the round corners, you have to use a bit of CSS code to do that. Please try to use img {border-radius:10px}.

Hope this helps!

Thanks.

Hello Torgut,

1)Unfortunately, I have checked your website and I saw that you have a lot of customizations. As you can see in this screenshot here -> http://screencast.com/t/2KVWPuCDaGYh this behaviour come from your additional custom CSS code -> http://screencast.com/t/2KVWPuCDaGYh If you want to remove it you have to remove from your custom CSS box, from Theme panel.
2)I have checked your source page again and I saw that you are using a lot of untested plugins which could cause a lot of unknown issues in theme. First of all, please try to disable the Photon module from Jetpack plugin because it seems that this type of plugin is a problematic one and create a lot of issue in our theme ->http://screencast.com/t/YBBe3mk5A Also, for better results, we recommend to disable all the active plugins, leave just Visual Composer, clear all cache and install only the plugins that come bundled with our theme and rule out the conflicting plugins.
3)Now, you have a lot of customizations with CSS that can affect your theme design. Also, please notice that when my colleague provided you a custom CSS code you did not have a category tag. Subsequently, you have added them and that general code will further affect the style of your tag. Please notice that this was your request at that moment -> http://screencast.com/t/HzKsKuLVqhU Please notice that any code you have added in your backend to fix some design styles and then you have changed them or have added other options will affect these and probably do not work as properly or what you want. Please try to check your custom CSS box, remove this part of the code and check the results.

Thanks.

Hello aph100,

Please try the following code and place it in Theme panel->Custom CSS area and if you want to be used on different pages you have to add before the code the page ID.

The code is ->

.vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab.vc_active > a, .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab:hover > a {
background-color: green!important;
color: red!important;
}

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

Thanks.

Hi,

If you want to modify the sticky menu height, you could try to use custom css in Theme Panel > Custom Css, for example – http://screencast.com/t/SGVbrR21pb

.td-header-style-7 .td-affix .td-header-sp-logo {
height: 66px;
}
.td-header-style-7 .td-affix .td-header-sp-logo img {
max-height: 66px;
}
.td-header-style-7.td-header-wrap .td-affix .sf-menu>li>a {
line-height: 66px !important;
}
.td-header-style-7 .td-affix #td-top-search {
bottom: 7px;
}

If you don’t have html/css experience I suggest to get someone to help you, as we are not available for custom services.

Thanks!

• This reply was modified 10 years by Alin [tagDiv].

Hello aph100,

Yes, this is the right path to add your custom CSS code.

Thanks.

Hello,

This depends on how you move your site to ssl. The theme does not add neither http nor https to any pat of the site. You need to make these modifications when moving to ssl.
You will need to follow a few ssl guides and make sure you did all the steps correctly:

http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
https://css-tricks.com/moving-to-https-on-wordpress/
https://yoast.com/dev-blog/move-website-https-ssl/

You can also check our forum for some insight on ssl:
https://forum.tagdiv.com/topic/moving-to-ssl/

I hope this helps.

Thank you!