- 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
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
Hi,
Do you use this container in the post content? – http://screencast.com/t/9PysWNgCqMjN Or in the code? The issue with the image seems to be related to that container so please check the inline css if you want to fix it – http://screencast.com/t/SDFWxzl6ohur
Thanks!
Hi,
Unfortunately the theme doesn’t have an option for this in version 4, but you can change it via custom css in Theme Panel > Custom Css – http://screencast.com/t/tsA7GDbc
.td-sub-footer-menu li a {
font-size: 15px;
color: red;
}
.td-sub-footer-copy {
font-size: 15px;
color: green;
}
Hope this helps!
Hi,
You can place a custom ad in the code – http://screencast.com/t/KbxovP3K and use only the class for phone in custom ad spot – http://screencast.com/t/vZ2NWOAnW
echo td_global_blocks::get_instance('td_block_ad_box')->render(array('spot_id' => 'custom_ad_1'));
Result: http://screencast.com/t/WZQegnHsjd – http://screencast.com/t/ISasFZqAwVKh
Use this custom css in Theme Panel > Custom Css to remove ad’s margin bottom:
.td-header-sp-recs .td-a-rec-id-custom_ad_1 {
margin-bottom: 0 !important;
}
Thanks!
Hi,
Unfortunately there is fixed height for container and a max height for logo image and it matters the aspect ratio of the image. You will need custom modifications to increase the width and height, I suggest to hire a professional to do this for you if you don’t have basic css/html experience as we cannot provide custom work, sorry!
A solution is to use a header style with full logo – http://screencast.com/t/uE3XyBDj0yz
Thanks!
Hi,
2. Try to change these values – http://screencast.com/t/0pghAmIZr
6. You can remove the next/prev pagination for megamenu using this custom css: http://screencast.com/t/VRcihp38
.td_block_mega_menu .td-next-prev-wrap{
display: none;
}
Unfortunately to change the mega menu module display you will need custom work and we cannot provide any type of custom work at this time as we cannot offer custom work because we work hard on the development, updates, fixes and support, sorry!
7. The breadcrumbs are added automatically on pagebuilder with title template, but you can use custom css to hide them – http://screencast.com/t/lTHAaygS2r4 or comment this line in the code – http://screencast.com/t/NNH15XsFzda
.home .td-crumb-container .entry-crumbs {
display: none;
}
Thanks!
Hi,
Please make a full backup of your current installation – https://codex.wordpress.org/WordPress_Backups deactivate all plugins and do a clean update, meaning that we recommend that you delete the old version of the theme before uploading the new one – https://forum.tagdiv.com/how-to-update-the-theme-2/ and also update the plugins that come with the theme’s files(VC, Social Counter…). After update you can run the script like it is suggested in the upgrade guide. Please note that Newspaper 6 is a new theme so old files customization, custom css will not work anymore, so you will have to customize it again. Also you will have to re-add the widgets to your sidebar(s) as they will become inactive.
Thanks!
I guess I just need to change the css of big slide or not?
Hi,
Unfortunately there is no option to change the mobile menu color, we will try to add an option in a future update. Until then you can change the color via custom css in Theme Panel > Custom Css – http://screencast.com/t/mAbN5XIqW
Please try this css: http://screencast.com/t/vTeiZpPnZB
@media (max-width: 767px) {
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: #FFD000 !important;
}
}
For the footer there is an option in Theme Panel > Theme Colors(that color it will be applied also on mobile): http://screencast.com/t/hg68WQNZ
Thanks!
Hi,
I have added this on our list for further testing and it will be fixed as soon as possible. Until then please try this custom css in Theme Panel > Custom Css – http://screencast.com/t/6r7Pz2ufUoz
.td_module_mx2 .td-module-meta-info {
position: relative;
}
Thanks!
Hi,
I’m not sure why you have this issue, as I did not found any issue on my side. Any we will check this and we will try to find what the cause is.
Please try this custom css and see if it works – http://screencast.com/t/at0KgJ8V
.td_module_mx2 .td-module-meta-info {
position: relative;
}
Thanks for reporting!
Hi,
Regarding the above space. seems to be an issue when background is used on this header style(8) and I added this on our list and it will be fixed as soon as possible. Sorry for inconvenience!
Unfortunately I cannot provide a css solution to display the mobile logo as the style 7 has the menu always sticky so I cannot use sticky class to show it and hide the main logo. this how it was created, sorry!
Thanks!
I also have the same problem with videos. I use WP Rocket but I don’t use CDN or js/css minification. In a tablet the size is fine, just in the smart phone. This is one example: http://churchandstate.org.uk/2015/08/read-here-three-powerful-stories-which-again-confirm-the-urgent-need-for-real-immigration-reform/
Thanks.
Hi,
I enabled a custom font for post content (“Open Sans” font from Google). When I do pagespeed test, I find that this font loads at begining and come as a CSS blocking page loading. Where as the default font used “Roboto” does not block the pageload as per google page speed.
How can I make my custom fonts not to block the page load?
Regards
Siraj
@thexcoder
Well, it’s a complex theme with modules, images, inserts, etc., designed for a “grid” — you cannot simply change one area of grid without also changing everything else. In theory you could change the template to more “columns” of the grid for post area, but then you’d run into issues with some items using sidebar unless you planned that carefully and/or changed all the modules you want to use in sidebar; image would not “fill the space” nor would things at bottom of page like comments or related posts, etc.
If you are familiar with Bootstrap, Foundation, 960, or other grid systems, they all work in this way. If you want to make 7/10 into 8/10 then right side becomes more narrow, and some elements designed to fit 7/10 won’t fit in 8/10 and might even break it due to offsets, padding, etc. Look at the CSS to see how it works. If none of that makes sense then you would likely not be able to tackle this yourself.
You can use the “full width” post layout and customize that.
You can also look at the TagDiv “Newspaper 6” theme which has many of the same features as Newsmag, but WIDER layout for the post area.
Use the custom CSS box, but remember to put the !important element at end of you style class over-ride.
Hi, finally I have managed to download latest version 6 of newspaper theme. My website is running on Newspaper 4.6.3 version. When I try to update theme to latest version it shows code and messed up home page and side bar is also missing. I think I have to create child theme but I dont know how to do that. But i have not made a changes in CSS that why I think it is not necessary to create child theme. Please let me know how to update to latest version. Thank You.
Having the same issue and this code doesn’t seem to do anything to help. I should enter the code exactly as-is in the custom CSS section of the theme panel?
Hi Alin,
Thanks for your answer.
2) ok 🙂
3) I will check it
1) If i use main theme, the problem does not exist anymore, but my menu too 😀
By the way, I’m not sure that all is fine in my WordPress installation of theme and child theme, cause in my child theme I just have a style.css (I did not create it like it is needed I guess ?). And so I can not find the version in a /code folder in it ?
So if anyone can explain me what to do please ? 🙂 I must admit I do not really find clear informations on this subject :/
Clearing the cache then disabling all the plugins did not seem to work. Is their a way to figure out what is what is breaking the css/ a way to fix it?
Hi there. I am trying to clone my Newspaper install however for some reason the duplicates are not perfect. First thing I noticed was the wrong header menu.
I went on to investigate the issue. When I checked the theme settings I noticed these were not cloned and were set to default. For example there was no custom css. So I “fixed” this by using the theme import/export settings.
I assume this will also happen when I restore backups. Therefore I will shoot a ticket over to installatron so they can fix this but maybe you can provide with information where these theme settings are stored in the database? It should be in the backup because all database tables were selected.
See this > http://caucusevents.com/sundayevents/
This is me making a text block w links to pages and placing it below the main menu. The links are bright red. I want those links ( Sunday Monday Tuesday Wednesday Thursday Friday Saturday ) to look JUST like the category sub menu located below the main menu ( 9/16 WE 9/17 TH 9/18 FR 9/19 SA 9/20 SU ALL NEWS) thats on the category archive on > http://caucusevents.com/wednesday/
Perhaps there is a way to apply the horizontal category menu css to the text block?
See this > http://caucusevents.com/red.jpg
See this > http://caucusevents.com/categories.jpg
Ahhhhh…I get it. If you have 99 posts, the big grid displays posts 1-5 of the category and the archive lists posts 6 – 99.
Got it. Understood 100%
OK so THIS is my goal:
– I want PAGE with big grid.
– I want block 11 below that lists posts
BUT BUT BUT
– I need a horizontal list of pages between them that looks JUST like the horizontal category archive menu on a category page.
In other words, I have category global settings as Style 1, Article display view of M11. But in between them, there is a horizontal menu of categories.
I want a section that would list my pages w/ the css / layout that matches your horizontal menu of categories because its PERFECT for smartphones / mobile phones / androids / iphones. I dont want my mobile users to have to open the “td-demo-header-menu” on their mobile because it appears on the left and its not always clear how to switch pages. I want them to simply click the page links. Thats it. Just as if it were that horizontal category menu…but its a list of pages.
Get it?
Is there a way for you to take the php that creates that horizontal category menu, change it so that it lists pages instead…and then tell me how to insert it into the space between my chosen layout: Big Grid on top, horizontal page menu in the middle, block 11 on the bottom?
I am using good auto minify plugin and everything works perfectly except the featured image on top which loads AFTER everything else(it should be the first thing to load).
I have option to exclude JS/CSS scripts but can’t figure out which one is responsible for this ?
Thanks.
Hi, I need to switch back the header now as I am leaving and dont want the website to be in the same shape for long. Its weekend 🙂
I tried your suggestion at : https://forum.tagdiv.com/topic/im-new-here-got-plenty-of-things-to-do/ where the user was experiencing same issue with “style 8 Header style” (like me). There is blank space at the top. it is reported by another user as well. Also the Mob logo does not work in Sticky menu.
Please let me know whether any CSS code is there which will allow me to use MOB logo on sticky menu bar than showing my original Header Logo (When used with Style 7 – Hybrid Menu on right with logo).
Regards
Siraj
Hi,
Not sure why you have this issue only on Chrome, maybe a plugin overwrite this. You can try this custom css, it should work: http://screencast.com/t/vTWjAKVIgH
.menu-td-header-container .sf-menu > .td-menu-item > a {
color: #ffffff;
}
Thanks!
