- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hi
To remove the main menu from the site you need to edit the file corresponding with the header style used and comment the indicated line: http://screencast.com/t/k7ajfIwzChqY Also you will need this css in theme panel > custom code > custom css: http://screencast.com/t/56qiv0fSayi
.td-header-menu-wrap {
min-height: 0;
}
Thanks!
Hi,
I’m not aware about myfonts implementation to the theme and like I said above the code that you use add this preview bar(it is an advertisement) and if you implement this using a script code of course that it will loaded by the theme. There is a guide how to add a custom font if you check our documentation, you don’t have to add anything in Typekit section – https://forum.tagdiv.com/using-custom-fonts/ If you add a script try to load it in Custom javascript area – http://screencast.com/t/CRl81ED1Hk
I can provide you a custom css to hide that bar, but if you want to remove it from the code I suggest to contact the font author – http://screencast.com/t/1LGkLeZ3
#mfPreviewBar {
display: none;
}
Thanks!
Hello kreacom,
If you want to do a child theme with your desired fonts, this will override these styles from the main theme. If you want to do this for all the fonts in our theme, you can change the style.css with search and replace option and see how it works for you.
I will add your suggestion to our list and hopefully, in a future update, maybe we will be able to implement such an option.
Hope this helps!
Thank you for your suggestion.
Hi
Try this css in theme panel > custom code> custom css: http://screencast.com/t/OcFfg68z2
.td-header-sp-logo img{
margin: 0;
}
This ad seams to be generated by a plugin: http://screencast.com/t/7PmuptOzfRb so try to deactivate any plugin related with the ads, clear the cache and test again.
Thanks!
Hello joyceloh,
If you want to choose the first option, practically, all the functions of dropdown will be hidden with CSS and the users will not have the option to chose someone and then will remain only the latest posts active onto your category page.
Hope this helps!
Thank you for the message!
If you are using Adsense NEVER minify any JS. If is possible css either. Only use HTML minification .
in cloudflare deactivate everything and set CDN only.
Another thing, use similar ads positions like before you switch to newspaper
And the last thing, every january are less advertisers
Hi,
a good way to update is to make sure we have a backup of everything and we know how to restore a website if things get messed up somehow. Here are the details, I usually go with option A but C seems legit too:
https://forum.tagdiv.com/how-to-update-the-theme-2/
What do you mean with customization? If you mean the settings you changed in the theme panel, those are usually kept since they are in the database. The social counter widget though, sometimes disappears from the sidebars.
If you mean changing php, js, css files, then yes those are lost. The whole folder “Newspaper” in wordpress is replaced in the process. If you did that, a program like http://winmerge.org/ is very useful.
Cheers!
Hi,
1) How do I hide recent articles in sidebar on website but show on mobile?
Please give me the CSS code.
2) How to change the title of MORE STORIES to RECENT ARTICLES? Is it possible to show on mobile horizontally at the end of page?
Thanks!
Thank you my friend Catalin,
I think I was doing something wrong here.
thank you!
That’s my site, the more it is closed for maintenance: http://www.euclidense.com
I have a small question:
YOU CAN SUGGEST AN IDEAL MODEL OF A ROBOT.TXT FOR ME TO USE ON MY WEBSITE?
A MODEL THAT I CAN USE WITHOUT ANY PROBLEM WITH MY SITE?
I currently use this model, but I do not know if he’s good.
What do you think the subject
Look:
# robots.txt for: http://www.euclidense.com/
# Contact: contato@euclidense.com if you have questions regarding this file
User-agent: *
Allow: /wp-content/uploads/
Allow: /wp-admin/admin-ajax.php
Allow: /wp-includes/css/
Allow: /wp-includes/js/
Allow: /wp-includes/images/
Allow: /wp-admin/css
Allow: /wp-admin/js
Allow: .js
Allow: .css
Disallow: /wp-admin
Disallow: /wp-includes
Disallow: /wp-content/plugins
Disallow: /wp-content/themes
Disallow: /wp-content/cache
Disallow: /category/*/*
Disallow: */trackback
Disallow: /wp-login.php
Disallow: /readme.html
Disallow: /xmlrpc.php
Disallow: /*?*
Disallow: /*?
Disallow: /*~*
Disallow: /*~
User-agent: facebookexternalhit
User-agent: Googlebot-Mobile
User-agent: MSNBOT_Mobile
User-agent: Googlebot
User-agent: Yahoo! Slurp
User-agent: msnbot
User-agent: Bing
User-agent: Adsbot-Google
User-agent: Googlebot-Image
User-agent: Twitterbot
User-agent: Altavista robot
User-agent: Baiduspider
User-agent: Baiduspider-image
User-agent: Yandex
User-agent: YandexMobileBot
User-agent: Applebot
#SITEMAP: http://www.euclidense.com/sitemap.xml
Thank you very much!
Thanks Alin for your answer but:
the fonts are correctly loaded after css stylesheet loaded. The only problem comes from wp-booster which wants to include inline style declaration into the template (that’s cool to avoid css blocking rendering) but in the wrong way.
The wp-booster generated code refers to relative path to fonts (css/fonts/..) whereas the code snippet is generated on every pages (on page1, browser will try to load url/page1/css/fonts/font.ttf and on page2 url/page2/css/fonts/font.ttf). That’s insane.
Precisely it’s td_css_buffer.php::on_wp_header_render_header_css function that includes fonts declaration.
How can we avoid fonts to be caught by this “add_to_header” optimization?
If I have a child theme, I suppose that I’ll need to copy all the style that have the fonts style applied and paste it in my child theme style.css to override it?
Would you be able in your next update to add an option in the theme panel font settings to override all the fonts? I think a lot of people need that feature.
Thanks,
Hello
These kinds of “problems” appears when you use the Speed Booster plugin and you have some custom modification on your site. If you want to exclude this loading delay, you have to put manually each your custom CSS modification in style.css file. Here, I am referring to all the changes you have done into your Theme panel. The main core file is style.css and on the first time, the theme load the styles from this file and then the theme load your custom styles.
The way Speed Booster improves site’s page speed it’s by moving some CSS and js resources, which usually are loaded in the header, to the footer, such that the browser can load the content faster.
Hope this helps and let us know how it goes!
Thank you for the message!
Hi
The background color for the site can be changed from theme panel > theme fonts: http://screencast.com/t/eQVGhx9bF0A Also you can use this css in theme panel > custom code> custom css to change the title color from posts deiplayed in slide block: http://screencast.com/t/x9wffdb1
.td_block_slide .entry-title a{
color: red;
}
Thanks!
Hi,
The theme has a section where you can declare a custom font after you upload it to your server, just paste the path and add the font name – https://forum.tagdiv.com/using-custom-fonts/ so I guess this is the best solution to load your font on page and set it for each element or via custom css.
If you really want to declare in the code, please try to this via main theme and as reference you can take a look in stylesheet file and see how theme font is declared and try to do it in similar way – http://screencast.com/t/VoieXXF2B then check your page source and see if it is loaded.
Thanks!
Hi
This images weren’t designed to be displayed on mobile devices: http://screencast.com/t/2SVGMmqsXhr I’ve checked your site and noticed that you have a css from theme panel which overwrite to default one in order to display those images. Try to remove this css, clear all caches and test again:
@media (max-width: 767px)
.td-doubleSlider-2 {
display: block;
}
Thanks!
Hi,
I’m not sure what you want to do and also you already have some custom css for the mobile logo as you set a max width and height – http://screencast.com/t/hQqdAfuuKuDd The logo image doesn’t have any padding top/bottom you could increase those values for max-width and height to enlarge it a little bit.
Thanks!
Hi,
You have this issue because you have set the Theme Accent color to white and this color is used as hover color for articles titles on modules. You can change the theme accent color from Theme Panel > Theme Colors – http://screencast.com/t/i1RbL2eMIJ If you really need accent color as white you can try this custom css in Theme Panel > Custom Css to change the hover color – http://screencast.com/t/XGwqEOHFHsq
.td_module_wrap:hover .entry-title a {
color: #222222 !important;
}
Thanks!
Hi,
You can try this custom css in Theme Panel > Custom Css and it will remove the gradient color, but it may cause issues to your titles, they are not fully visible on some images – http://screencast.com/t/A9Nda8D1U4Ke – http://screencast.com/t/N8NNPrvAVz2G
.td_block_slide .td-image-gradient:before, .td-grid-style-1.td-hover-1 .td-module-thumb a:last-child:before, .td-post-template-3 .td-image-gradient:before {
opacity: 0;
}
Thanks!
Hello joyceloh,
1)If you want to disable the dropdown menu, please try the code below and add it in Theme panel->Custom CSS area
.td-category-header .td-icon-menu-down {
display:none;
}
.td-pulldown-filter-list {
display:none!important;
}
2)If you want to have only 2 option in your drop-down category, you have to remove the other options from code, as I have presented you above. You cannot change the ‘LATEST’ name because in this box practically is the name of the option wich you have selected from the drop-down menu.
The result you should see here -> http://screencast.com/t/0f0MCYJc
Hope this helps!
Thank you for the message!
HI
Try this css in theme panel > custom code> custom css:
@media (max-width: 768px){
.td-menu-mob-open-menu #inner-wrap {
overflow: hidden;
}
}
Thanks!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/sipOtzd6ZOV
.td-category-pulldown-filter {
display: none;
}
Let me know how it goes.
Thanks!
Hi,
On our site, the former developper created a child theme for Newspaper. In the child theme style.css he declared custom fonts like that:
@font-face {
font-family: 'neosanspro';
src: url('css/fonts/NeoSansPro.ttf');
}
Fonts are located into child theme directory wp-content/themes/Newspaper-child/css/fonts/
The problem we encounter appears to be with wp-booster which generate inline code (style declaration to avoid css blocking code):
<!-- Header style compiled by theme --><style>
@font-face {
font-family: "neosanspro";
src: local("neosanspro"), url("css/fonts/NeoSansPro.ttf") format("woff");
}
Whichever the page is, it includes relative path to fonts. So if you navigate to http://domain.com/mypage the browser tries to load http://domain.com/mypage/css/fonts/NeoSansPro.ttf which does not exists…
How to handle this? Is there a way to proper declare custom fonts into the child (we tried absolute path to fonts) theme or into the parent theme so as wp-booster optimization runs correctly?
Any help would be appreciated.
Hello rocket.works,
I have inspected your site again and saw that in your slider you have some incorrect images. So, the general thumb of this element, in your case ->use the Visual Composer element on three column layout <- has the next dimensions -> width=1068px and height=580px as you can see here -> http://screencast.com/t/NAusqn86G Your images ahs these real dimensions -> width=960 px and height=640px -> http://screencast.com/t/18bMXd9t Therefore, your are using inappropriate image with width smaller then the thumb and the height bigger than the thumb and hence the image position, is not centered. The theme only crop the image (center -> top) and does not enlarge this. If your image is too short for the thumb you will have this gap of the space. We suggest using a plugin like ‘thumbnail upscale’ with ‘force regenerate thumbnail’ to fill the thumbs. Also, you can use a bit of CSS but is not the best solution for this ->
.td-module-thumb img {
width:100%!important;
}
The result -> http://screencast.com/t/80nB9f77kG
Hope this helps and let us know how it goes!
Thank you for the message!
Hi,
For my mobile site, link: sansan.qriosity.com.sg
Can you give me the CSS code to make my logo bigger and also padding on the top and bottom of the logo? So that the logo can fit nicely inside the blue header.
Please reply urgently.
Thanks!
Hello Albert,
WP Smush is the one plugin that is tested with our theme and seems to work as expected. You can try to find another plugin with this functionality wich maybe can compress you more than 50%, but we cannot recommend another because we have not tested besides this.
As more references, there are a lot of topics open on this subject and there are a number of things you can do to make your site faster:
You can also read what some of our members found out: https://forum.tagdiv.com/topic/pagespeed/ -> https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
One of our top members here on the forum wrote his own optimization tutorial here:
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
Hope this helps!
If you need more assistance in this regard, please provide more details about your desired changes so I will be able to provide a more accurate response.
Thank you for the message!