- TutorialsDefault Block Settings Guide
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsOffset Feature
- TutorialsWhat is Ajax preloading?
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.
Hi Alin,
My URL is andyfirth.co.uk
I thought I provided enough info in my original message. I don’t think there is a need for a screen shot.
Hi there, I want to change my body text to one of the available Google fonts, however every time I choose one the font size is really small.
I try and change the font size within the theme panel but it doesn’t change anything. Any ideas??Thanks, Andy
This is my process for changing the font. Newspaper>Theme Panel>Theme Fonts>Body I then change the font family to Reenie Beanie and change the font size, however nothing changes. See my post here, the text is small >> http://andyfirth.co.uk/helping-you-find-success-in-2016/
Thanks, Andy
Hi,
Do you get an error? I believe it happens due to a server configuration,, it could be due to a delay or it could also be a temporary issue so you can try this a few times and if it still doesn’t work please contact your host provider and let him know about this, maybe you have a firewall that blocks external resources import. Also please make sure you have permission for upload folder, you can try to upload an image to media library to check this.
If you still cannot manage to install the demo, please send an email at contact@tagdiv.com and provide wp-admin so we can take a look. please also provide a link to this topic.
Thanks!
Hi,
1. These are the blocks titles and can be changed from block settings – http://screencast.com/t/krKqU9cp – https://forum.tagdiv.com/block-settings-tutorial/
2. Do you refer to Social Counter plugin? If you have installed the demo with content it comes configured like an example for user. You can add your own ids there, just edit the page and check the Social Counter settings – http://screencast.com/t/pd24S3NoD8S please check this guide – https://forum.tagdiv.com/tagdiv-social-counter-tutorial-2/
3. You have an filter option to set a specific category, more or all if you check each block settings and also you can set a sort order – http://screencast.com/t/riNpLyzX1izF
Please follow the theme documentation step by step and if you have other issue create a new topic and we will answer as soon as possible – https://forum.tagdiv.com/wordpress-information/
Hope this helps!
Hi,
Sorry for misunderstanding, I thought tha you were referring to the tagdiv modules/blocks. The Custom Heading element is apart of Visual Composer and the fonts available for it and other VC elements comes from the plugin so I cannot provide a solution to add a new font, sorry!
A solution is to use custom css for it in Theme Panel > Custom Css as the google fonts are already loaded by the theme – http://screencast.com/t/BIZuyagD5br
.vc_custom_heading {
font-family: Questrial !important;
}
In addition for the google fonts provided with the theme, you can add more fonts as maybe we have missed some, please check this topic as reference – https://forum.tagdiv.com/topic/i-want-use-to-use-hindi-font-mangal-onto-my-website/ and it will be available on panel.
Thanks!
Hi I have a problem with slide block text. As it’s white, It’s confusing with background. How can I gradient the background, or chance background image opacity, and/or put text in evidence? Thanks.
Hi
I suspect that the problem occur because the font required for the icons it’s blocked. This usually happens when the font is loaded from a different source or it’s served from http to https. Try this solution, from our reports it worked from most users: http://webmasters.stackexchange.com/questions/71630/font-blocked-from-loading-by-cross-origin-resource-sharing-policy-no-access-co
Thanks!
Hi everyone of tagdiv,
after searching the forum for hours – but still not finding the right answer, I hope you can help me again…
Please take a look on the attached photo and follow the red arrows. On these selected boxes and single post page is always a little grey shade on top of the photos.
Can you give me the CSS codes on how to remove these shades.
You can take a look at http://www.pureglam.tv
It should be – “Slide, Big Grid4, Block1, Block14”
For most magazines it looks great but for my blog – it is not perfect… 🙂
Thank you for your assistance…
Best
Vanessa
Hi,
Please check if you have a security module on your server that may block the theme’s translation script, also you could contact your host and ask about this. Let us know how it goes via email at contact@tagdiv.com if you need further assistance regarding this and also provide wp-admin so we can take a look and paste a link to this topic.
Thanks!
Hi
The category filter works like this for blocks:
-if a specific category it’s selected will display posts only from that category.
-if the selected category have subcategories, the theme will display posts from the main category and also from all subcategories according with the filter set.
You can exclude some categories being displayed in a block by adding the category id in this field from block settings like here: http://screencast.com/t/BpL1VC85P5rF To get the category id follow this link: http://screencast.com/t/kYIbqQBSwk
Thanks!
I purchase the Newspaper theme and installed it also activated it
I used your default content to make the work easier.
However, the reverse has been the case, as the block title cannot be edited and there no
place in the entire cms where it be edited
Some of these blocks include(“DONT MISS”,”LIVESTYLE NEWS”,”HOUSE DESIGN”,”TECH AND GADGETS”,”PERFORMANCE TRAINING”,”WRC RACING”).
I would appreciate if you can show me where to edit this blocks.
I would be waiting for your reply , it is a matter of urgency.
Altering the page source using the inspector I can see that the correct images more than fill the blocks.
If I disable the thumbnail size through the theme panel then it displays the warning to enable the image size in the specified block. All other blocks display their correct image sizes, just not Big Grid 4.
Usually problem if the block dimensions are larger than image being uploaded as WP cannot ‘enlarge’ thumbs without help of plugin. Might not be your issue, but this is the most common one.
For some reason Big Grid 4 loads the full size article images, rather than the thumbnails which we generate for the block sizes.
As a result the images in blocks have white bars below them and the page load is significantly heavier, loading assets which are 8x the size.
Is this a known issue? Is there any way to force the theme to check and use the correct images?
Hello,
pagespeed will always pick up on some thumbnails. You can customize the theme or choose to use just some of the theme’s blocks that aren’t “responsive by themselves”.
Some blocks are designed to show in different sizes depending on the size of the screen. Those blocks will show an 300px image if the screen is 1920×1080 but if you change to a tablet, the images will be 600px, in some phones in landscape, the “standard” 696×385 image even gets upscaled to 720px. To cover all the possibilities, the theme chooses to load the 696px image, even if sometimes it will downscale it to 350px. I like this feature of the theme, keeps it beautiful across devices, but it has this cost.
If you have pages with lots of blocks/images you might consider using the small blocks only and not the MX ones.
You can also show less articles per block and use the “load more” or infinite scroll, pagespeed will pick less thumbnails.
What about image lazyload? it should work as the above, pagespeed should only pick up the first images cause it doesn’t scroll down, but I’m not sure on this one.
The other solution is to edit the theme files and make them load a small thumbnail even if the block shows big in some cases. It will upscale a small thumbnail up to 700px and it will be ugly but pagespeed will approve. You have to weight things out and compromise.
Anyway, if you consistently get 696px images of 50KB, it’s not critical I believe. I manually “smush” my photos in PS, I don’t usually compress as much as you seem to compress and it still seems an acceptable compromise between performance/graphics. But soon I’ll move to something like WP smush because I’m getting authors/contributors.
Cheers!
Hello, I created tabs at the bottom part of our home page (inspirelle.com), to allow readers to BROWSE our articles by CATEGORY (ie INSPIRE, CONNECT, EMPOWER, etc…) Under each tab is a Block 5. I used your filter to choose the category of the articles that I want to appear in each block… However, articles from other categories are also appearing in that block. Is there something else I need to do to make sure this filter works?
Hello Pramodc,
Unfortunately, there is the functionality of our theme for Ads and the whole theme is based on this. If you want to change these values for Auto mode, please check the td_block_ad_box.php file like this -> http://screencast.com/t/FfpDnK9SPf or maybe you can achieve this by using a plugin like AdRotate for example. We usually recommend AdRotate because most users seem to have it working properly on their website.
Hope this helps and let us know how it goes!
Thank you for the message!
Hi,
Please enable only necessarily plugins and test your page on google pagespeed tool then use this guide to fix your issues – https://forum.tagdiv.com/how-to-make-the-site-faster/ In terms of speed we have made a page speed guide and covered the most important aspects that google notifies you of ( image optimization, js/css render blocking and more..) and based on which it classifies and grades your site’ regarding speed. I suggest to follow this guide, solve those issues and after you can do more investigations after..
Thanks!
Hi,
The tagdiv blocks have an option to filter by pages, just type page here – http://screencast.com/t/RgReoTUWfFe but please note that the blocks were designed and support post types.
Thanks!
Hi,
I guess that you did not applied this on your live site, so I cannot customize this on your site.
Please check Marius solution from this topic, he also provided a css code and it should work – https://forum.tagdiv.com/topic/view-numbers-in-block/
Thanks!
Hi,
1. You can add a custom ad for the post template that you use, just edit the file and use do_shortcode function – http://screencast.com/t/0pSIpUWyHe
<?php echo do_shortcode('[td_block_ad_box spot_id="custom_ad_1"]');?>
There are many topic about how to add a custom ad, as reference:
https://forum.tagdiv.com/topic/move-the-bottom-article-ad-spot-below-the-share-bar/
https://forum.tagdiv.com/topic/move-bottom-article-ad/
2. You have an option to disable the top share buttons in Theme Panel > Post Settings – http://screencast.com/t/U6oKOhxAp
3. The article bottom ad is added in the post content so it will be difficult to move it, the best way would be to use a custom ad instead, like on your first question and place it bellow the post pagination – http://screencast.com/t/rYW22HFj6tv
Thanks!
Hello tluck2081,
I have checked your website and “Trip Ideas” and “Travel Guides” are two different blocks and not categories. If you want to disable it you have to remove from your page set up in Visual Composer and you have control on them from blocks settings, like this -> http://screencast.com/t/3dbe60HXDn3Q
If is not what you mean, please provide more details about your desired changes. Any screenshot would be more useful for a better understanding.
Hope this helps!
Thank you for the message!
Hi,
Please provide your site url and more details about the font you want to change a screenshot can help also. For example if you want to change the font-size for modules/blocks here you can set it – http://screencast.com/t/vXPCvp6CImr Please be more specific and we will try to offer a solution.
Thanks!
Hello mikebare,
Unfortunately, I cannot recreate this kind of issue with Block 15 on my side. Please create on your site a Page Test with this block and provide the link. Also, please send us an email at contact@tagdiv.com with your credentials so we can further inspect the issue and your page set-up. Please provide the link of this topic so we know who you are and what the issue is.
Thank you for the message!
Hi
Please make sure that you have the blocks enabled in Visual Composer settings: http://screencast.com/t/OYOKAGyBsYf clear the cache memory and test again.
Thanks!
