- TutorialsDefault Block Settings Guide
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsOffset Feature
- TutorialsWhat is Ajax preloading?
Hello,
You can achieve that if you use the theme’s fonts section. You can increase the fonts and make them uppercase like the say what demo:
http://screencast.com/t/nyppxoLvQg6s
http://screencast.com/t/chTWayZWttM
You will have to change the fonts for each module in particular thou.
Blocks are made out of one or more modules. You can see a list of which module is used on what block here: http://screencast.com/t/vgywj6hZHg
Thank you!
Hi,
No, there is no header style with 2 ads. Each header style on our site has only 1 ad. If you require 2 ads, you can place an ad via the theme code. For header style 1 you can add an extra ad spot like so:
1. Place your ad in the custom ad spot 1 in the theme panel: http://screencast.com/t/6Wx1ttEH
2. Access your theme files via ftp and find this file: http://screencast.com/t/xvuHorAEdD
3. Add this code at the very bottom of the code:
<div class="custom_header_spot">
<?php echo do_shortcode('[td_block_ad_box spot_id="custom_ad_1"]'); ?>
</div>
example: http://screencast.com/t/Mhrr30iyP
4. Place this css in the theme panel -> custom css box:
.custom_header_spot{
margin: 24px auto 0 auto !important;
}
result: http://screencast.com/t/FO99YOj69r
Thank you!
Hello,
Unfortunately big grids in our theme do not have title possibilities. If you still want a title you can add a text with title element above the big grid and then assign a custom class to the row in visual composer as we will need to reduce a bit of spacing for the text with title element.http://screencast.com/t/NHzjMTjWW
After you add the title and the custom row, use this css to remove the spacing below the title:
.custom_title .td_block_text_with_title{
padding-bottom:0!important;
}
http://screencast.com/t/2hHkuYUV2b
As for the text, the text with title allows you to have the text above the big grid.
Thank you!
Hello Diego Acero,
1)Please notice that you should use the @media queries if you want to target the code only for the mobile view. Please try the code below and place it in Theme panel->Custom CSS area.
@media(max-width:767px){
.td-header-main-menu, .td-header-menu-wrap {
display: block!important;
}
}
The results you should see here -> http://screencast.com/t/eaUSbsPG7tZO
2)You should try the code below and place it in the custom code area.
The code is ->
@media(max-width:767px){
.td-pb-span4 {
display:none!important;
}
}
If all of this information are not useful for you or if is not what you mean, please provide more details about what you want to achieve so I will be able to provide a more accurate response.
Thanks for the message!
Hi, previously you helped me with code to disable the link on the post title and feature image, allowing us to post only the excerpt. But we started using Polylang to add Korean language to the site, and now when you’re on the Korean language, you are able to click post title and featured image.
I thought the CSS code would work for all post links across the whole website – do you have any idea why this isn’t working? The website is outside.agoda.com.
Thanks.
I will paste the code below that we have:
.td_block_4 .entry-title a{ pointer-events:none!important;
}
.td_block_4 .td_module_wrap:hover .entry-title a{
color: initial!important;
}
.td_block_4 .td-module-thumb { pointer-events:none!important; }
.category .td-module-image, .category .entry-title{
pointer-events: none!important;
}
Hi,
My site is http://www.animal-welfare.org and I have noticed A small bug I have found so far is that only in Firefox ads are not displayed!
I don’t use adblocks.
I have checked Firefox on Ubuntu, Windows and Android.
No problem with all other browsers : Chrome, edge, Vivaldi.
You can check the attached pictures.
Under youtube, red stripe on the right of the website, chrome displays the ads, firefox just has a white box instead of an ad.
Any ideas please?
Pretty simple CSS fix; using the Chrome “inspector” is super useful to highlight and ID what CSS is used where.
You can also find it in the main theme style.css under a notable section for “quote”
I changed mine to this on one site by example:
.td-page-content blockquote,
.td-post-content blockquote,
.mce-content-body blockquote,
.comment-content blockquote {
padding: 0;
position: relative;
border-left: none;
margin: 42px 0 38px 0;
}
.td-page-content blockquote p,
.td-post-content blockquote p,
.mce-content-body blockquote p,
.comment-content blockquote p {
font-family: "Segoe UI",Frutiger,"Frutiger Linotype","Helvetica Neue",-apple-system,BlinkMacSystemFont,"Dejavu Sans",Oxygen-Sans,Ubuntu,Cantarell,Arial,arial,sans-serif;
font-size: 20px;
line-height: 30px;
font-weight: normal;
font-style: italic;
text-align: center;
text-transform: uppercase;
color: #4db2ec;
}
hope that helps 🙂
I decided to go the css way and fixed the grids.
I’ve tested it with the ones I’m going to use: Big Grid 3, 4 and 6. Not sure if the others work.
Here is the css code if anyone has the same problem.
.td-big-thumb .entry-thumb {
height: 100%;
width: auto;
}
.td-medium-thumb .entry-thumb {
height: auto;
width: 100%;
}
.td-small-thumb .entry-thumb {
height: 100%;
width: auto;
}
This css fixes some block problems as well.
.td-module-image .td-module-thumb .entry-thumb, .td_block_14 .td-module-thumb .entry-thumb {
width: 100%;
height: auto;
}
Have tried different custom css codes to no avail and Newsmag has exaggerated EVERY blockquote used on EVERY page and post within my website.
My website blockquotes need to be indented slightly (if possible), and of a somewhat different font type and size but NOT centered and certainly NOT the exaggerated font size now locked into this theme.
Have had to re-activate using an older theme that displays everything perfectly, but isn’t touch-device-friendly. This theme was purchased here too … and sadly, never updated.
Usable css coding would make using your theme a whole lot more feasible … heeeeeelp … please?
I have a small problem with comment count !!!
I try to disable in SHOW COMMENT COUNT
Enable or disable comment number (on single post page) but the comment count still shows on my home page.
I use block 11 for my article in this section…
Hi,
I have a problem with IOS Slider. Here I can see fine the slider in your demo:
http://demo.tagdiv.com/newspaper/ios-slider/
But in my website slides are putting one over one. You can see here (On right sidebar, just below weather block):
http://harodigital.com/inicio-pruebas/
If I check with Chrome inspector, I can see that the DIVs sorrounding the slider doesn’t have inline css as in you demo, but I have no idea why. For example:
<div id="td_uid_17_5819ef490b243_item_0" class="td_module_slide td-animation-stack td-image-gradient" style="width: 696px; backface-visibility: hidden; overflow: hidden; position: absolute; transform: matrix(1, 0, 0, 1, 2088, 0);">
In my web is just:
<div id="td_uid_18_581a24037656f_item_0" class="td_module_slide td-animation-stack td-image-gradient">
(No inline CSS)
Any answer?
Thanks
Great stuff. Thanks! Pagespeed has stopped moaning about the images now.
Which actually raises another question. Is there any way to obtain the unadulterated CSS files for the theme so that I can split out the critical, above the fold stuff and defer the rest? I have had some luck reverse-engineering it and managed to get the pagespeed score up from 70/100 to just over 90, but with a couple of minor glitches. removing the render-blocking CSS makes an astonishing difference.
Hello, I am trying to modify the BigGrid Module to add two things:
1.A title for the block: “Titulares”
2. To have a bit of text of the beginning of the article below the title.
For the title I see in your documentation that in the “general” tab in visual composer settings there should be an option for this, but I only see the option to change BigGrid styles.
Thank you for your help,
Warm regards
Hi.
I’ve just bought and installed the template and have noticed that the demo content is not scaling to big grids and some blocks on the home and category pages.
I’ve installed the default demo for newspaper. I know that this can be fixed buy putting some extra css but should it not auto scale by default?
Regards.
The code in my Theme Panel is the one below. But it didn’t work for mobile theme custom css.
.td-post-content h2,
.td-post-content h3,
.td-post-content h4,
.td-post-content h5,
.td-post-content h6 {
background-color: #008CBA; /* Blue */
border: none;
border-radius: 0;
color: white;
margin: 3px 3px 3px 3px;
text-align: left;
text-decoration: bold;
display: block;
font-family: helvetica;
font-size: 18px;
}
Hi,
Please try the following code.
The code is ->
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}
}
@media (max-width: 767px){
div.td-header-sp-top-menu {
display:block !important;
}
}
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}
}
Thanks.
hey, I read also previous topics here about this problem but they didnt help and i installed new resizing plugins but they didnt help. on the startpage of my website and on other pages i uses boxes, grids, and a lot of thumbnails are in there. They are wayyy too small, looking very blurry on my PC and mobile device. Also the post image in the post (which is also the thumbnail) is looking too blurry. the image in bigger size (in the post), and in smaller size (as thumbnail) look like very bad quality, but i uploaded it in a good pixel size with over 1000px … what can I do? I can’t continue working like that… Please help. greets. (I also tried deactivating small thumb sizes in the theme panel > block settings, but it didnt help. pictures were just missing, and “Regenerate Thumbnails” or other plugins didnt help…
Hello,
If you want your block title sto have no background you can use this css in the thee panel->custom css box:
.block-title span{
background-color:transparent!important;
}
Thank you!
Hello,
I want put a block ads here, but I dont Know How….
I want put it under the top menu, as shown in photo, And that is seen in all publications (post)
https://fotos.subefotos.com/dafd35726e4ce232443118baccf39d41o.jpg

My web is: https://goo.gl/CKI3O0
Thanks
2. Please provide an example of the author page. Our author pages do not have comments set to them.
3. This can only be done through customization. There are no settings to change the pagination on the related articles section. Sorry.
4. a. this depends on the category template that you choose. There are multiple category templates to choose from. Please specify on which category template do you want to change the title to: http://screencast.com/t/JqvYxQ16t1j
b. The categories do not have any sorting option set to them. They use the same loop feature of wordpress that shows the articles in a standard blog hoempage. this is the standard loop feature and there is no simple way of changing it’s functionality.
c. You can use a page for this element and create it using our theme blocks and using the block settings: https://forum.tagdiv.com/block-settings-guide/
Thank you!
Hi,
Please check this topic and try to do the same if it not appears through Visual Composer elements – https://forum.tagdiv.com/topic/wherewhat-is-the-7-5-new-image-box-block/
Let us know!
Thanks!
Hello fwoedit,
You should use a bit of CSS code to do that.
The code is ->
.author .td-page-title{
display:block!important;
}
The result -> http://screencast.com/t/HGCStduX6tLq
Thanks.
Hello Syams,
The only types of pagination which are available in our theme can be found in blocks settings, like this -> http://screencast.com/t/b0yiuy1pJ Unfortunately, the pagination number is not available for blocks and the theme does not have any such an option that allows you a way to set this, sorry!
If you want to display more levels in our theme and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you or you can try finding some plugins which have this functionality and see how it will work for you.
Thanks for your understanding!
Hello Sasser,
You should use the !important tag for your code to give more priority. Try the code below and you will see the results.
The code is ->
.td-post-content blockquote p{
font-size: 20px!important;
line-height: 25px!important;
font-weight: normal!important;
font-style: italic!important;
text-align: center!important;
text-transform: capitalize!important;
color: blue!important;
}
The result is here -> http://screencast.com/t/EDVUJRFbgd
Thanks for the message!
Hello johanvillegas,
In order to achieve the top bar menu for mobile, you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
@media (max-width: 767px){
.td-header-top-menu{
display: block !important;
}
}
@media (max-width: 767px){
.td-header-sp-top-menu .top-header-menu {
text-align: center;
}
}
The result is here -> http://screencast.com/t/2zb92IQf4
Thanks.