- NewspaperCreate Custom Code with the browser’s Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
MAYBE IMPORTANT!!! I just found something else that could be the problem: I have reinstalled the Theme! Guess what, same problem. No PAGES page. Trying to find the problem I just saw in the theme panel custom body class the “td-animals-pro” class which is from a Demo I imported way back on my test server!!!! Could it be that this css is obviously not there in a fresh install of the theme and therefore everything crashes????????
Since I’m on a HUGE project here which NEEDS to go online this coming week, I have to work 24/7 now to find tagDIVs problem. On a side note: IT IS WEEKEND and no solution from the developers since days. CALIN: WE NEED YOUR SUPPORT!!! NOW! PLEASE!!
Hi,
I think that you can achieve this with a custom css like this one -> https://i.imgur.com/YsgY0Of.png
#td-header-menu #td-top-mobile-toggle .td-icon-mobile, #td-header-menu .td-search-icon{
margin-top: 10px;
height: 40px;
width: 40px;
line-height: 45px;
}
#td-header-menu .td-search-icon .td-icon-search{
line-height: 45px;
margin-left:-10px;
}
Set the code in theme panel> mobile theme> custom code> css.
Thank you!
Hi,
This can be done in two ways, you can set a blank space in theme panel here -> https://www.screencast.com/t/RIb5glHTS or using a css -> https://i.imgur.com/6V4GwZm.png
.td-mobile-footer-wrap .td-footer-wrap .block-title {
display: none;
}
This css need to be set in theme panel> mobile theme >custom code > css -> https://i.imgur.com/gZhwoYA.png
Thank you!
Hi,
1. That message should appear only when you set the comments element in tagdiv Composer, after you save it and clear all cache the comments section should display only the comments from posts.
If for you the comments appear in posts/articles, please disable all non theme plugins and let only tagDiv Plugins, after that clear all cache and try again.
2. For changing the social position in mobile menu, please try this custom css
#td-mobile-nav .td-menu-socials {
position: fixed;
bottom: 0;
}
.td-mobile-content{
position: absolute;
top: 50px;
}
This code need to be set in theme panel> custom code> advance css > phone.
Also the mobile menu can be adjusted using tagDiv Composer -> https://i.imgur.com/UmO8lb8.png -> https://i.imgur.com/LEl1rU1.png
Thank you!
Hi,
The style 1 by default is black and there is no option to change it, however, you can use a custom css for this -> https://i.imgur.com/oqxxRfq.jpg
.td-social-style1 .td_social_type .td-social-box {
background-color: red;
}
You need to set this code in theme panel> custom code> custom css.
Also you feel free to change the color.
Thank you for your understanding!
Hello Calin and friends,
I am too having the off center issue on mobile, it seems to be a bug.
When I initially import a block from the cloud it shows centered (I tried this on a blank page to make sure nothing else is affecting it) , but then I just switch back to desktop view and then to mobile view again and it gets pulled to the left
as seen here: https://imgur.com/a/VH3jqDM
I cleared my cache and tried the css fix offered above in this thread (# 2),
@media(max-width:767px){
.vc_row{
margin-left:0;
margin-right:0
}
}
still doesn’t work for me.
Could you please assist when you have a moment?
Best Regards,
Julio
Hi,
Unfortunately this can not be achieve only with css, is need for some changes in theme files.
Thank you for your understanding!
Hi,
I think that you can do something using custom css but this will not look very good, another solution is to use a cloud header, this can be edited using tagdiv Composer.
Thank you!
Hi Calin
Sorry for i was review this case.
It´s possible put select a More Author ?
By default, Articule relationed it´s select, i can change what´s the option is select?
It´s possible by css?
Thanks
Leonardo Grabow
Buenos Aires – Argentina
Hi,
1. Please provide some more details about this problem, some screenshot or a link it will help a lot.
2. Yo can change the social icon position only with custom css, I can help you with this, just provide me a link where I can check your mobile menu.
Also the header style it can be change, but the mobile menu can be edited only for color and background image. -> https://i.imgur.com/hOTbzJi.png -> https://i.imgur.com/MrhOcRW.png
Thank you!
Hi,
Please replace the above css with this one
.tdb-category a[href$="/featured/"] , .tdc-content-wrap .td-module-meta-info a[href$="/featured/"], .td_block_wrap .td-module-container a[href$="/featured/"]{
display: none;
}
Hope this will work better!
Thank you!
Hi,
It can be some conflict with the theme templates, also the only thing that I can do is to help you with a custom css that can work, for this I just need a link where I can inspect these FB like button to can create the custom css.
Thank you!
Hello !
You will need CSS code for that. But we have investigated your website and this is how tags look on our side, are they too big ? Making them any smaller and not clickable will affect your google score. I have tested this on our mobile devices too and the results are the same.
Thank you !
On a Post, a plugin I am using to insert Facebook Like/Share buttons is inserting the buttons into 2 different places on a Post. The buttons in each place are exactly the same.
I am using a Cloud Library single post template.
I have replicated this with two different plugins. Each time, content appears twice on the post.
In the settings for both plugins (Add to Any, Wp Facebook Share Like Button) it allows you to set the appearance of the Like/Share buttons to Top, Bottom, Post, Page, even Cloud Template. In all cases, the Like/Share buttons will appear twice on the post anytime Top is chosen.
Using CSS, I can hide the button ontent, but when I do so it is hidden in both locations.
.fb_iframe_widget iframe {
position: absolute;
visibility: hidden !important
}
The screenshot attached shows the two locations where content is appearing.
Is this a bug with the template? Do I need to do the CSS differently?
Due to the bad look of this, the buttons are not on my live site a schoolnewsnetwork.org. Instead, they are on a staging site (I can provide credentials via email).
Hi
I’m trying to set the background image of a row element using tagDiv Composer. I’ve uploaded an image of 2600 x 900 pixels (same size as the one used in demo content). In css tab of the row element, I choose that image as the background of the row, but after a while, on the screen appears a kind of scaled thumbnail that looks weird.
If I go into Chrome Developer Tools, I can see that, instead of the full image (contact-image.jpg), an image named (contact-image-300×105.jpg) has been used. I don’t know where it came from. I can guess it’s trying to fit a 300×105 pixels image to cover the ro’w background.
I’ve installed Regenerate Thumbnails plugin and regenerated all thumbnails, so I don’t know what’s happening.
You can see that bad bahavior in the following links:
What can I do to fix this?
Thank you!
Hi,
The most faster and easier way it will be to use a custom css like this one -> https://i.imgur.com/ZNZox2l.png
.td-big-grid-flex .td-big-grid-flex-post-empty .td-image-wrap {
background-color: #fff;
}
This code can be set in theme panel> custom code > custom css.
Hope this will help you!
Hello !
Newspaper Theme does not offer round buttons in its design. If you want you can customize them using css coding. Pleas note that custom work is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
Thank you !
Hi,
Unfortunately for the moment the icons from menu can be set only with custom css or extra plugin.
To have a homepage “Full Post Featured” you need to edit a page with tagDiv Composer and add the homepage post element -> https://i.imgur.com/WKbH0pX.png -> https://i.imgur.com/D61wbYl.jpg
Hope this will help you!
Thank you!
Good Morning sinnce one month every 3 or 4 days i have error : Error establishing a database connection
tds_responsive_css_phone or tds_live_search_border_color.. or others tds error.
I use linux/litespeedserver i am on php 7.3.
To solve i need to reboot server and errror come back again aevery 2 ,3 or 4 days ( website : http://www.aurana.es)
Regard
Hi,
I think that you are referring to food demo, these posts were made using the WordPress editor -> https://i.imgur.com/B55rCpe.png and it has some html add and some css classes, these can be checked in code editor -> https://i.imgur.com/pdVSw56.png for the moment there is no option to help you to create these kind of posts, you can do this only by setting that code. The best way it will be to install the demo duplicate a post and replace it with your data.
Thank you for your understanding!
Hi,
Usually you can use the css tab from tagDiv Composer set the margins and paddings top and bottom to 0 and check the results -> https://i.imgur.com/aawBo4s.jpg also you can adjust it after your needs.
For menu you can use another method, from header menu set in css tab a line height -> https://i.imgur.com/L0W0b3f.jpg
Thank you!
Hi,
As I can see, your header ad is center now -> https://i.imgur.com/edHGt0f.png
Also you need to set the width and header because the space alcoate for header add is set on full width and you ad is force to 728x90px, therefore, you need to add for it that width and to center it you need to add in css tab margin left and right auto like this -> https://i.imgur.com/XAYydKx.png
Thank you!
Just a notice: your default method with specifics css classes and “display: none” is not good for us, because in this way the code is requested in both cases and this is a bad thing about viability and performance.
Our needs is to programmatically print only one adv code for each version.
Thanks a lot.
Hi, Calin,
I narrowed down the problem in detail before I opened this post office. With the Twenty-Twenty Theme of WordPress this behaviour does not happen with the same active plugins.
Even if I load and set the avatar myself, the title attribute is added afterwards. Where I could not determine yet unfortunately.
Template: Single Post Template – Magazine PRO
Original place from Theme: https://prnt.sc/uptrf4
Custom debug output with source-data: https://prnt.sc/upts3g
Custom-Code: https://prnt.sc/uptsoc
Somewhere in the code there must be a function that gives the image this title attribute via the CSS class. The random number that is appended clearly indicates that this is a bug.
Br