Search Results for 'css'

Hello mursalinsajib,

Our theme is fully compatible with both HTTP and https. Please use these few resources for a few hints on how to properly set up https:
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/

Thank you!

Hello gpm79,

Unfortunately, I do not exactly understand what you mean regarding on Next and Prev post…about what section do you are referring to? Provide more details, some useful screenshots so I can be able to identify it and also, so I will be able to provide a more accurate response.

If you want to remove the “About Us” from footer section, you should use a bit of CSS code to hide it. Try the code below and place it in Theme panel->Custom CSS Area.

The code is ->

.td-footer-wrap .block-title{
display:none;
}

The result is here -> https://www.screencast.com/t/4tZW5tOaf

Thanks for the message!

Hello,
1) http://www.wpbeginner.com/plugins/how-to-deactivate-all-plugins-when-not-able-to-access-wp-admin/
2) No, our theme is fully compatible with ssl if the implementation is done correctly by the user:
Please refer to these few resources:
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/

Thanks.

Hi,

The easier way to do it would be to select header style 3 and enter this code in Theme panel->Custom css

.td-header-style-3 .td-header-menu-wrap {
background-color: black;
}

Result – https://www.screencast.com/t/7g74VeJCS
Thanks

Hello newsmaguser,

If you want to change the color of the link, you should use the code below and place it in Theme panel->Cusotm CSS area.

The code is ->

.widget a:hover{
color:red!important;
}

The result is here ->https://www.screencast.com/t/oKMBVS6Gko This is for widget area. If you want for the entire website, yo should remove the .widget code.

IUf you want anything else, you should provide more details about what you want to achieve so I will be able to provide a more accurate response.

Thanks for the message!

Hello screengeek,

Please keep in mind that our theme is not full-width, sorry! The theme width is 1021 px as you can see here -> https://www.screencast.com/t/kHHLX9rl8oM and it has not been designed to work in full-width. It cannot be easy adjusted to be in full-width.
Unfortunately, please notice that our product does not have such an option for dynamic width (full 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!

Hi,

You can try this code, it should cover most of the elements on your pages with the background you selected and you can add more if you want to, just enter it in Theme panel->Custom Css

.td-main-content-wrap, .td_block_wrap, .vc_row, .wpb_raw_html, .post, .td-post-title, .td-module-meta-holder, .td-more-articles-box, .td-category-grid, .td-category-header {
background-color: #fffdf9!important;
}

Thanks

Hi,

You can use the following css code:

1/3. .td_module_wrap .entry-title a {
font-family: Playfair Display;
}

2. .td-post-content p {
font-family: Playfair Display;
font-size: 30px;
}

Add this code to the mobile theme > custom code > custom css section: https://www.screencast.com/t/vtiIYRN3ryW4

Hope this helps you!

Thanks!

Hi,

1. Actually the theme does not have an option to completely remove the menu on the mobile theme however you can use a custom css code to hide it like this: https://www.screencast.com/t/WXybdKTiBNd > https://www.screencast.com/t/WrPpBDmyvc1F

use this css code:

#td-top-mobile-toggle {
display: none;
}

2. It’s enough to set the Featured category to it, like this: https://www.screencast.com/t/g7n61VG6v

Thank you!

Hi,

Enter this code in Theme panel->Custom Css

.td-header-style-10 .td-header-gradient:before {
display: none;
}

Result – https://www.screencast.com/t/ocjWVjVHENq
Thanks

Hi,

Enter this code in Theme panel->Custom Css

@media (max-width: 767px) {
#bbpress-forums div.bbp-reply-content {
margin-left: 0;
}
}

Result – https://www.screencast.com/t/A9tdM65bOG
Thanks

Hi,

You could hide it with a simple css code, just enter it in Theme panel->Custom Css, this way you still have a page title but it will not show on the default page template

.page-template-default .td-page-title {
display: none;
}

Result – https://www.screencast.com/t/Cw3XIny5r
Thanks

Hi,

Yes it seems to be a js error affecting the ios slider. Unfortunately css will not fix it. sorry. You will have to wait until the development team can take a look and provide a fix for the element.

Sorry for the inconvenience.

Hello,

Thanks for sharing this. I have checked into this and there seems to be an issue causing this. I added it to our list for future updates.
As a quick fix, you can add this code in the theme panel-> custom css box:

.td_block_slide .td_module_slide, .td_block_slide .td-slider{
width:100%!important
}

Thank you!

Hi,

If you are referring to the border between the menu items, enter this code (it works for header style 11) in Theme panel->Custom Css

.td-header-style-11 .sf-menu > li > a {
border-right: 1px solid #003375;
}
.td-header-style-11 .sf-menu > li:first-child {
border-left: 1px solid #003375;
}

Result – https://www.screencast.com/t/qBuShC1byvM
Thanks

Hello,

If you want to add a custom class to a big grid you can do so in visual composer like so: https://www.screencast.com/t/3SiBHjFI8d4
Then you can use it to create your css code. You can target the .td-module-title class
After your code is done and you added the font family and other parameters you want to add, you cna place the code in the theme panel-> custom css box: https://www.screencast.com/t/tQMr1YXI

Thank you!

Hi,

Try this code, enter it in Theme panel->Custom Css (you can modify the margin values to what suits you best)

.td-header-style-8 .td-header-top-menu-full {
margin-top: 48px;
}
@media (min-width: 768px) {
.td-main-page-wrap {
margin-top: 48px;
}
}

Before – https://www.screencast.com/t/YARiAdR3vM
With code added – https://www.screencast.com/t/APMZJxIISn
Please let me know if this works for you

Thanks

Hello d2inspire,

Please keep in mind that 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

Thanks for the message!