Hi Bogdan,
thanks for your reply, very much appreciated! But yet some more questions came up ;):
1.) When entering the css above, the logo “flickers” from its original size to the one defined in the css (e.g. from 400px to 300px)
2.) after playing with the font styles in the theme panel, the very same happens to the fonts. For example, let‘s say I‘ve changed the menu fonts from default open sans to bold – and everytime I switch the page or reload the page, I can see the font switching from standard to bold
This looks like the css injection happens on site of the client and too low – is there any way to prevent this stuff from flickering? This really bothers me…
Thanks!
Hi,
That’s what I thought. I was hoping to make the block titles include a pointer arrow beneath them, like this:
http://stackoverflow.com/questions/18816486/how-can-i-make-a-pointy-arrow-with-a-div-in-css
It seems like the way to do that would be to create their own class and then change the block-title div to include the CSS from both?
Maybe this is way off-base but that’s the way I’m imagining it working right now.
Any insight would be greatly appreciated. Thanks!
I am using Newspaper theme on my website http://www.snaxzer.com/
I am using custom colors for my theme, on changing color in all options in theme panel. I am unable to change color for the following modules:
One can fix all the above issues by editing style.css but it will be cool and easy if you allow users to change it using the theme panel.
Hi
The css/js generated inline by the theme can’t be moved to footer as it is required for each block added on the page. For each block where ajax it’s used the theme generate a custom javascript which can’t be moved to footer with current implementation for blocks. This is also the case with the inline css. However that css/js does not influence the way other resources are loaded on the page, or the way google render the page.
Thanks!
Hello noxar,
Our theme has no RTL support because it has been designed to be used in this layout, sorry!
Unfortunately, we have no plan on implementing it in the near future. Implementing RTL support in our theme will require 2 style.css files and it will add significant “weight” to the theme. Using the RTL mode means that lots of elements have to be adjusted and this thing involves custom work and we cannot provide this at the moment!
Please try to do a simple search of our forum and you will see that our team offers support only for theme related problems and which not require additional customizations. Please check again our support policy here -> https://forum.tagdiv.com/support-policy-2/
I glanced over on your old requests and I have noticed that all of these are referring to custom work and that’s why you have received the same response, every time.
Actually, if our theme does not satisfy your desired and if you are unhappy with it for your project, please send us an email at contact@tagdiv.com and request there a theme refund.
Thank your for your understanding!
Hello zingolo,
Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
@media(max-width:767px){
.td-instagram-main{
border-bottom:5px solid #ff8800;
}
}
The result -> http://screencast.com/t/qtZ0kx8DgwTA
Thanks for your understanding!
Thank you for your reply.
I am not familiar with .css
Only html.
Can you help me step by step ?
Thank you.
Dinos.
Hi,
The category tags cannot be changed from the theme settings unfortunately, You can use this code to do it though. Simply add the code in the theme panel custom css box:
.td-post-category, .td-big-grid-meta .td-post-category, .td-module-comments a{
background-color:red;
}
Thank you!
Hi,
There is no need to add css for custom fonts. You can simply add it to the custom fonts section and then selecting it for your elements from the frop-down. I will post here a more specific guide than the documentation for all users to benefit from:
Here is a step by step guide on how to add custom fonts to your content:
1) Download your preferred font but you need to make sure it’s a woff file. If it’s not, you need to search for a tool of converting fonts to a .woff format. (there are free online tools like fontsquirrel.com)
2) Upload your woff file to your server in any path you want (It has to bee inside your main wordpress instalation)
3)Add the full path to your .woff file. A full path looks like this:
http://mydomain.com/wp-content/customfonts/Angeline Vintage_Demo.woff
I created a “customfonts” folder in wp-content
If I were to add the font in the main root directory of wp, the correct path would be this one:
http://mydomain.com/Angeline Vintage_Demo.woff
It needs the absolute path to the font file no matter what folder structure you choose to have.
In order to check if the path you entered is correct, you can copy it into the browser as a standard url and the browser should download the file. If it provides a 404 error, it means the path you entered for your font is incorrect.
4) Add a name to your font in the font family box: http://screencast.com/t/sAr9rRakShu
5) Now your font will appear in the fonts dropdown so you can select it for your preferred elements: http://screencast.com/t/yrxW9kdQ0oH
This method does not require css to work.
@david If custom fonts do not apply to all your pages, there must be some css overwriting the font. Please disable all plugins except visual composer, clear cache and reset cdn files. If this does not fix it, please send us an email at contact@tagdiv.com and provide wp-admin so we can login and inspect the issue.
I hope this helps.
Thank you!
Hi,
I assume you got the css from our documentation. In newspaper 7 we changed the css a bit and the logo received a h1 tag for seo purposes so the css will not apply properly anymore. You will have toi use this code instead:
.td-header-sp-logo img {
width:130px!important;
}
We will update the documentation for this change.
Thank you!
Hi, thanks for replying.
It’s not working.
I’m using FileZilla to upload the woff file. I tried different paths to upload the file and none is working. I don’t know if I’m copying the right path to the woff file . When I paste that path on my browser I got a 404 error page. In the documentation isn’t mentioned that css should be changed 🙁 im a total noob : )
Hi,
after the update to Newsmag 3.0 (http://wp-dev-ntr24-31ba64cdf656650e14f1f97f34ac243d.ntr24.tv/) I’m having some padding issues on my home page. More precisely, I must remove padding highlighted in yellow in my home page (please see http://screencast.com/t/07zrrQDKC46) in order to have the two sections aligned (please see http://screencast.com/t/8naDSi5kg9fj). From Chrome inspector tool I see that it comes from the instruction “padding-top: 35px;” provided by js_composer.min.css. Why I never had this unwanted padding with the theme old version and how can I get to have this padding removed?
Same story for the padding in the sidebar under the post slider where I can’t find a way to reduce the padding highlited in yellow (please see http://screencast.com/t/u8WDzDZifKTa).
Until now, only when needed, I’ve always done modifications to style.css but never modified neither other css files nor visual composer files.
So that how can I do it?
Thanks in advance,
Giuseppe
Hello blogwire,
Please keep in mind that these types of requests involve custom modifications and we cannot provide these types of services at the moment, sorry! As a hint, you can use a bit of CSS to increase the height of your main menu. Try the code below ->
.td-header-menu-wrap-full{
height:40px!important;
}
.td-header-style-5 .td-main-menu-logo a {
line-height: 40px!important;
}
.td-header-style-5 .td-main-menu-logo img {
max-height: 40px!important;
}
.td-header-style-5 #td-header-menu {
min-height: 40px!important;
}
.td-header-style-5 .sf-menu > li > a {
line-height: 40px!important;
}
.header-search-wrap .td-icon-search {
line-height: 30px!important;
}
The result you should see here -> http://screencast.com/t/lduISaiTIF
If you want to display the social icons, you will have to activate them from the Theme panel, like this -> http://screencast.com/t/LIygEEtq94ju
If you need to customize your theme and you are not aware of the all steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry!
Thanks for your understanding!
Hi,
You can do it with css. All menu items have a unique ID you can see with your browser inspector and then apply css to it. For example in my menu if i am to target one menu item i would use this code:
.menu-item-3796{
background-color:red!important;
}
http://screencast.com/t/epd9R9tje7E
Hope this helps
Thanks.
Hello,
First: Sorry for my bad English level. I use a translator.
Issue: Google Page Speed detects problems (javascript) in the optimized publications.
(Image: http://s32.postimg.org/7rtusrrfp/java.jpg )
All is optimized and all css/js are now in footer (correct mode). BUT I think it does, before css / js inline generated by the theme. Maybe that’s the problem?
Other Query: Does css / js inline generated by the theme, can be loaded before the css / js normal (links) resources, with the activated plugin Speed Booster? No matter if it disables the personalized from the panel. How can I do it?
My web: http://goo.gl/1lfWBX (remember, the problem are in the post at the momento only)
Thanks
Hi,
1) The child theme needs to be re-created as well when switcvhing to newspaper 7. Please use the one provided with our theme and make sure you clear all caches whether it’s from a plugin, hosting or cdn as we have seen many reports of this double menu being caused by the old style.css from newspaper 6 being fed from cache.
2) The new mobile menu colors can be customized from here: http://screencast.com/t/VVbRzHbL0C
Note that if you use the new mobile theme, colors or other settings are done exclusively from the new mobile theme options panel here: http://screencast.com/t/J4qUVyUFVd3
As for the thick line, I tested our mobile theme on many devices that use ios but I could not find any lines. Please also test our demo on your device:
http://demo.tagdiv.com/newspaper/
Thank you!
Hello Noxar,
For your first request, I suppose that you want to hide the Latest from the drop-down category filter. If you want to do that, you will have to use a bit of CSS code for achieving that. Try the code below ->
.td-category-header .td-pulldown-filter-display-option li:first-child {
display:none ;
}
The result you should see here -> http://screencast.com/t/lmu4ULaDMZAO
So, please notice that the LATEST sorting when you enter on the category page it cannot be deleted because this is the default theme behaviour and cannot give up easily on this but only from the code and that involve custom work which we cannot provide this type of services at the moment, sorry!
For your second request, I suppose that you are reffering to the TagDiv Gallery Slide, right? So, I have noticed that you are using the RTL mode and the theme has not been designed to be used on this mode, sorry! Our theme do not support the RTL and also, we cannot provide support for this, because it involve to do a lot of additional customizations through code in order to achieve best results in this regard. For more inforamtion about our support policy, please check here -> https://forum.tagdiv.com/support-policy-2/
If you want to disaplay more levels in our theme and you are not aware of the steps which you needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry! Usually, we reccommend the developers from studio.envato.com.
Thanks for your understanding!
Hi,
The theme has no setting for this, but you can use a bit of css to hide the containers for this template:
.td-post-template-8 .td-post-header{
background-color:transparent!important
}
.td-image-gradient-style8:after{
display:none!important;
}
Thank you!
Hi Bodgan B,
thank you very much for your reply, that helped a lot! But I‘m asking myself now: Am I right to assume that I simply can‘t use
.td-logo { width: 130px; }
in custom css anymore? Actually, I used it in order to get a sharper & crispier Header Logo…
EDIT Extra
Please note I had @font-face css added for the fonts as per below. Which I have deleted as it didn’t make any difference. I.e the font still displays on the homepage menu text, but not in inner pages.
I also tried to copy the .woff file straight into public_html folder – same thing happened. So I’ve changed it back to the original query.
@font-face {
font-family: ‘webfontregular’;
src: url(‘bebasneue_bold-webfont.woff2’) format(‘woff2’),
url(‘bebasneue_bold-webfont.woff’) format(‘woff’);
font-weight: normal;
font-style: normal;
}
Hello,
Anyone using newsmag 3 with RTL?? please give me the style.css
I tried to convert the theme to rtl but its not work, and i am not good with coding 🙁
Thanks
Hi, im having troubles with custom fonts too. Can you detail where to upload the custom font? Do I need to change something like css? I followed the guide but I may be doing something wrong. I have my .woff font in my pc. Could you explain as much detailed (even if it’s obvious to you) as you can? Thank you
Hello! Just updated to the latest version (from 6 > 7). Most things seems to be working fine except from the Child Theme.
1. If i upload the child theme as it is (with only style.css and functions.php) the site gets an extra menu (just like in this post) and I get a double logo + some more small issues. Have tried disabeling my plugins to check if any of them is causing the issue, but it seems weird since no files are actually changed. Only thing happened is the child theme being loaded.
2. I was also wondering about the new mobile-menu. Is there any way to change the colors or anything with it? I also have an issue when using iOS that the X up in the right corner gets a thick white line behind it (imagine a .gif or .png image that is supposed to be transparent but isnt).
The BigGrid on the homepage isn’t displaying properly.
It displays like this: https://www.dropbox.com/s/u71wn4rpc71jfuk/Screenshot%202016-06-10%2016.35.02.png?dl=0
When I comment out the CSS as shown in this screenshot, it displays properly: https://www.dropbox.com/home/Screenshots?preview=Screenshot+2016-06-10+16.34.47.png
Can you advise, please?
Hi
The previous css worked fine with previous version of the theme. Now header’s style has been changed and the code does not work properly. Replace the code with this one: http://screencast.com/t/6GWOBzmcxeQ
@media(min-width:1021px){.td-header-style-1 .td-header-row {
width: 1021px;
margin-left: auto;
margin-right: auto;
}
}
@media(max-width:1021px){.td-header-style-1 .td-header-row {
width: 756px;
margin-left: auto;
margin-right: auto;
}
}
.td-header-menu-wrap {
background-color: #222;
}
@media (min-width: 768px) {
#td-top-search {
position: absolute!important;
top: 10%;
}
}
Thanks!