Hello sid,
This issue is known when using CDN or loading fonts from a different source.
Take a look at this: http://screencast.com/t/AMjW530CSH6 and this: http://screencast.com/t/dLjEUGGwQUZ
The solution to this issue is simple. You will need to add some code to your .htaccess file like this post suggests: https://forum.tagdiv.com/topic/strange-chinese-symbols-replaced-icons-and-arrows/
For your second request, if you want to remove the border between the top bar and main menu, please try the code below and add it in Theme panel->Custom CSS area.
The code is ->
.td-header-style-8 .td-header-top-menu {
border-bottom:0px;
}
The result you should see here -> http://screencast.com/t/3tRmZyw5k
Hope this helps and let us know how it goes!
If is not what you mean, please provide more details about your desired changes so I will be able to provide a more accurate response.
Thank you for the message!
Excellent! But dows this css code exclude all comment headers? Also the ones at the posts that ‘do have’ comments enabled?
JB
Hi Catalin.
I not looking to make the theme full width (content), but just make the header background(s) be full width (as they do when background ads are disabled) and not but be “cut” by content-width. Shouldn’t that be possible with some quick CSS?
Hello JBH,
If you want to exclude this header, it is necessary to use a bit of CSS to hide it. Please try the code below and add it in Theme panel->Custom CSS area.
.td-comments-title-wrap {
display:none;
}
We know about this problem and we try to fix it in the future update.
Thank you for the message!
Hello,
you will need to first load the font in the theme. If the font is not loaded, then css will not recognize it. The easiest way to do it is to load the font inside a section in the theme panel->fonts section: You can add it for example in a module you do not use on your site so the font will get loaded: http://screencast.com/t/HSgshI19I9m
I hope this helps.
Thank you!
Hello,
This is a css code and there is a custom css menu in the theme panel: http://screencast.com/t/XymyAeaoDCv
Thanks.
Hello vasiliki,
Depends on what kind of header style uses into your website. Please notice that our theme is implemented 12 header templates with the different style. If you want to have a big header logo, you have to use a header style that has a full logo displayed on this style, look like header style 9, 10 or 11. If you are using other header styles besides these, you have to use a bit of CSS to change the dimensions of the logo and you can break the layout. Please provide your website so I can inspect it closer and provide you a more accurate response.
For more information about our header’s styles, please check the documentation here-> https://forum.tagdiv.com/header-styles/
Thank you for the message!
Hello oscar,
Please first make sure you use the latest version of the theme (6.6.5) and make sure you have more than 6 posts to display. Another thing you can try is disable all plugins except visual composer and clear cache to rule out a plugin conflict.
In order to remove more from author you can use 2 methods:
The css method:
.td_block_related_posts .td-related-right {
display:none;
}
or you can edit the theme files: comment out or delete this part: http://screencast.com/t/Okmq7lxTDzGd
I hope this helps.
Thank you!
Hello,
1) The animation can be disabled from here: http://screencast.com/t/42czzDE8X
2) This can be achieved without compromising the theme. You can use this css to reduce the outer container:
.td-boxed-layout #td-outer-wrap{
width:1110px!important
}
3) Unfortunately there is no such ad spot at the moment in our theme. I’m not sure what ads you are referring to in the health and fitness demo: http://demo.tagdiv.com/newspaper_health/ Please provide an example.
4) The disqus plugin is not listed as officialy tested to work 100% with our theme. We just added some fixes for it due to user requests for this. I cannot provide an official answer but our users have been utilizing disqus successfully with our theme.
5)Header style 8 has a few problems we are aware of, and this seems to be one of them. We suggest using a different header style until we can fix the issues with header 8. (Sorry for the inconvenience)
6) We always recommend the freelancers from envato itself. (studio.envato.com)
I hope this helps.
Thank you!
Hello,
There are actually multiple css files for the plugin. They will be loaded when needed. If you look at the page source you will see that they are not loaded all at the same time. I do not think it is safe to remove this file as it most certainly is needed.
Thank you!
Hi
You can use this css to overwrite the height applied for categories tags displayed in mega menu: http://screencast.com/t/vcaPk87FAvGk
.td_mega_menu_sub_cats .block-mega-child-cats a{
height: inherit;
}
Thanks!
Hi Catalin.
I’ve just tested the CSS and the top menus are not full width. They are still fixed width after applying the background image. Any way to fix this?
Thanks in advance!
Hi
In order to be responsive on mobile the css should like this:
@media(max-width: 768px){.wpb_text_column h1:first-child, .wpb_text_column h2:last-child {
display: table!important;
margin-left: auto!important;
margin-right: auto;
}
.wpb_text_column h1, .wpb_text_column h2{
line-height: 10px;
margin-bottom: 10px;
margin-top: 10px;
}
.vc_custom_1454688976804{
padding-bottom: 20px !important;
padding-left: 0px !important
}
}
Would be a good practice o add a specific class for the row used to add this text and use it instead of .vc_custom_1454688976804 That is a unique class generated by Visual Composer for each row and every time the row it’s modified it changes, so the css won’t be applied after that. The custom css class can be added here: http://screencast.com/t/iHyUHmAM
Thanks!
Hi
I am not sure why that blank space appear there. I suspect that there is an additional css which add that space. Please provide your site url so i can inspect this closer and get back to you with a more accurate answer.
Thanks!
Hello,
It’s not just the Greek language tat causes this. It’s actually the text length for the ‘like’ button. The button was designed to have just the ‘like’ text length. If you use a long word for it/translation then you need to use a bit of css to position it.
.td-classic-facebook iframe{
width: 130px!important;
}
Add the code in the theme panl-> custom css box
Thank you!
Hello,
Unfortunately there is no easy way to remove the sidebar only on the mobile version from the code. The sidebar is the same for desktop and mobile only styled different using css. In order to pull this off, you will need to edit the theme files and create conditions for the sidebar. We recommend hiring a freelancer for this one as there is no easy solution for it. It will have to be hard-coded.
Thank you!
Hi
The custom css from theme panel applies only on front end. If you want to make changes in text editor style the file that must be edited is editor-style.css: http://screencast.com/t/iVLbvK9c
The css that you tried is ok but needs a little adjustment in order to be applied:
.mce-content-body blockquote p {
font-size: 13px!important;
}
Thanks!
Hello VoZz,
If you want to decrease the height of this container, please try the code below and add it in Theme panel->Custom CSS area.
The code is ->
@media (max-width:768px){
.td-post-template-8 .td-post-header {
height: 200px;
}
}
The result you should see here -> http://screencast.com/t/UR0XPsKlRI6e
Hope this helps!
Thank you for the message!
Hello Phonetic,
Unfortunately, our theme does not have such an options to set the Ads as you wish. It is not a simple task and required custom work. 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 implement this for you because we cannot provide custom services at the moment, sorry!
I can give you some hints in order to achieve as you wish but please notice that require custom modifications…after you have selected the background-click ad from your Theme panel -> http://screencast.com/t/fV8KzyjZRjd and background-image like this -> http://screencast.com/t/GtWjiHoDhkxb you can use the CSS code below to achieve like this -> http://screencast.com/t/VAOMron8Ygv
The code is ->
.td-header-menu-wrap-full {
margin-bottom:150px;
}
.backstretch {
margin-top: 170px;
}
Please notice that it is only an example. If is not what you mean, please hire someone to help you.
Hope this helps!
Thank you for the message!
Hi
The style.css file is not included on the list with allowed files which can be modified in child theme because it’s included by default in child theme. Any child theme contains in its basic structure a style.css and functions.php file.
Regarding the code from child theme there is an important aspects that must be considered:
– if in previous theme’s version a specific code added in child theme worked fine that doesn’t mean that will work with a new theme version. When theme update many of its files are changed and it’s a good practice to check update_log.txt file for each update and see what files had been modified so if those specific files are used in the child theme you will have to check your customizations to not break the functionality of the theme.
In your case if the css code does not apply from child theme means that even the selector has been changed or there is a more powerful code in main theme style which override the css from child theme.
The css code it’s very tricky and always the most precis or most powerful selector apply the style for a specific element.
Thanks!
Hi
Are you referring at this widget: http://screencast.com/t/xzHr2v3v – http://screencast.com/t/XogiSKD9b If this is the case you can customize its layout using some custom css code in theme panel > custom code > custom css and the result will be like here: http://screencast.com/t/E5D18xWenTPa
.widget_categories.widget ul li{
display: inline-block;
margin-left: 10px;
}
.widget_categories.widget ul li:first-child{
margin-left: 0px;
}
Please note that this is just an example for the Categories widget. In this case the widget html structure allow this customization but in others cases the required customization could be more complexes, depending by widget’s layout.
If this is not what you mean please provide more details and also your site url so I can inspect this closer.
Thanks!
Hello chand3g,
The top menu does not appear on the mobile version by default. This was a design choice. It can however be activated with custom css:
@media (max-width: 767px){
.td-header-top-menu-full {
display:block!important;
}
.td-header-sp-top-menu{
display:block!important;
}
.td-header-sp-top-widget{
display:none!important;
}
}
The result you should see here -> http://screencast.com/t/VIQA4SZydh
Thank you for the message!
Ah, ok, I’m not using the megamenu’s or the tags, so I didn’t run into that.
Maybe AndreiL will have a better way to target the css. Sorry that didn’t work straight off –
Chris
Hi,
i realized that there is a visual composer css file in the frontend – is this file necassary? or can remove it – if yes – how? thx
Darn… almost perfect.
Now I have a new problem, @Andrei_luca. I used your code and the first half of Chris’s code and that made the hover effect perfect with regard to my main menu. The problem I’m now having is with certain elements in the mega menus that appear when the mouse hovers over the navbar. Here’s a picture:
If you look at the category tags at the corner of post images and along the bottom of the menu bar, the box containing the category names is stretched vertically for some reason. So if this is the code I have pasted into “Custom CSS”…
.sf-menu > .current-menu-item > a:hover, .sf-menu > .sfHover > a:hover, .sf-menu > .td-menu-item > a:hover {
border-bottom: 4px solid red!important;
}
li.menu-item a {
height: 35px;
}… what code do I need to add so that the above code doesn’t affect the category tags — or any of the content — that’s within the mega menus? I don’t want to change anything else in the navbar because it’s perfect, I basically just need some what to confine whatever the above code does to just the navbar without it spreading to the mega menus.
