- 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,
You can use this custom css but you will also have to adapt it to the blocks you use as it also impacts the big grid category titles (it positions them inline with the title)
.td-post-date, .entry-title{
display:inline!important;
}
.td-post-date{
background-color:red!important;
color:white!important;
}
Thank you!
Hi
Use this css: http://screencast.com/t/6sOZrgchP – http://screencast.com/t/3S7IAyoFrM
.td_block_14 .td_module_mx1 .td-module-thumb a:last-child:before{
background: none;
}
.td-grid-style-1 .td-module-thumb a:last-child:before{
background:none;
}
If you decide to use different grid styles and you still want to remove the dark gradient just re-add the first css code and change the number from grid style class with the one corresponding with the grid style used. For example if you’re using grid style 4 the class will be: .td-grid-style-4
Thanks!
Alot of my custom css isn’t working after the update. And some custom styling looks different on the frontend.
I’m mostly noticing it on custom post types.
Thanks!
IC
Anything can be changed with CSS.
Good trick is to learn to use the “console view” (F12) in Chrome. Using t he “inspector” you can highlight any element on the page and see what the CSS class is. Then you just make a change to that class and add it to the custom CSS box in the theme panel.
TagDiv can help you target the specific class if you don’t want to do that 🙂
Hi
Is it possible to set via css some colour to the line/box where author on left and views on right are? Like is highlited on screenshot?
http://s12.postimg.org/3ncamy4jx/blueline.jpg
THanks
notranjskoprimorske.si
I’m getting this when I try to upload the new newspaper update:
The package could not be installed. The theme is missing the style.css stylesheet.
Theme install failed.
Can someone help? Thanks!
In style.css file says v.6.6.5, so I suppose that the transfer has failed. I will try again, but I have already tried twice. I hope it can be updated correctly, because it´s really strange. I didn´t have this problem previously.
If you look at the style.css file it does say v 6.7
Obviously you need to clear your cache prior to upload, then clear cache after update in both site/cdn (as applicable) and browser.
You can often “over-write” in place, however this can sometimes lead to confusion if there are files removed and no longer used. Deleting old folder and upload new one is best practice, and that’s how WP does it when installing its own content.
Up to you – if it WORKS for you, then keep doing it. If not, do it the clean (proper?) way of deleting old folder(s), upload new ones.
Often you can do this in place without changing to Twenty Sixteen first if your transients work properly, as if done quickly, you’re hiding the update from WP while you do it. Then when you login it automagically is loading the new files (transients are mini-caches).
Good luck all!
i am using Newspaper theme, if i update theme from WordPress dashboard, will i lose my custom css code added in Theme Panel and other color customizations…i am new here so want to know before updating.
Thanks.
From the changelog – not certain if up to date or not:
Newspaper theme
Here is a list of all the changes between v 6.6.5 and v 6.7
Modified files – 12 files
page-pagebuilder-title.php
page.php
style.css
includes\td_config.php
includes\plugins\js_composer.zip
includes\shortcodes\td_block_authors.php
includes\wp_booster\td_global.php
includes\wp_booster\td_wp_booster_functions.php
includes\wp_booster\wp-admin\panel\views\td_panel_categories.php
includes\wp_booster\wp-admin\panel\td_view_theme_plugins.php
js\tagdiv_theme.js
js\tagdiv_theme.min.js
Deleted files – 1 files
includes\plugins\revslider.zip
=================
[ Version 6.7 ]
– new: Visual Composer plugin updated to the latest version 4.11
– new: Revolution Slider plugin updated to the latest version 5.2.2
– fix: Theme Panel fixed the structure for categories that have multiple branches(subcategories with their own subcategories)
– fix: Visual Composer 4.10 – Video Player resize problem for aspect ratio 4:3 and 2.35:1
– fix: removed some old Visual Composer detection code from td_wp_booster_functions.php, it was causing an error in certain cases
– fix: improved the Visual Composer detection code inside the default page template file, it was triggered when the shortcodes didn’t have unique names(ex. Woocommerce shortcodes)
– improvement: Authors box widget/block – added user roles option, now you can set it to display only the desired role(s) – https://codex.wordpress.org/Roles_and_Capabilities
– other: to keep the theme size under 8MB we removed the Revolution Slider install from the Newspaper->Plugins section. You have to install it manually – https://forum.tagdiv.com/how-to-install-revolution-slider-v5/
– other: removed unused code from “page-pagebuilder-title.php” template file
[ Version 6.6.5 ]
– fix: WooCommerce 2.5 compatibility + various styling issues
– improvement: Visual Composer plugin updated to the latest version
– improvement: Revolution slider updated to the latest version
– improvement: theme panel status now shows the loaded demo information
– improvement: footer logo title and alt attribute is now configurable from the theme panel
– improvement: faster servers that serve the files for the one click demos
==========
“no way to know ….” ? seems like some info was included in the download, at least my copy. ?
Hi there,
My site’s CSS seems broken in 404 page, but the rest of the pages/posts are alright.
How do I fix it?
Hi !
I have the same issue and tryed this CSS but it doesn’t work.
I also tried this one that I used in my previous site but it doesn’t work either. I already purged the cache.
.td-header-gradient:before {
display: none !important;
}
Thank you for your help. ♥
Please help me. I can’t install newsmag theme. WordPress displays this message: Could not install package. Missing sheet style.css styles theme.
Hi
You can try this css in theme panel > custom code > custom css to achieve a similar layout: http://screencast.com/t/F9EgCwlA2
@media(max-width: 768px){
.td_block_11 .td-module-thumb .entry-thumb {
width: 100px;
float: right;
margin-left: 20px;
}
}
If you want a different implementation you will need some cutomizations in theme’s files as the css code can’t reproduce 100% the layout of block 8 on mobile.
Thanks!
Hi
All resources required for the page should be loaded at first load. That effect appear on your site because of the custom css from theme panel. When the page is loaded the theme serve the style from style.css and the css from theme panel is loaded after. That’s why appear that delay between on the page. You can avoid that delay by adding the css from theme panel directly in style.css file.
Thanks!
Hi,
Try it out and see. I have provided the css code above if you want to test this, but it will not work as you expect. There will be other elements that break as our theme and all it’s elements need the fixed width on which it was built.
If you really want to have some elements full width, why not create them like so in visual composer: http://screencast.com/t/CfU141YH99 and remove the sidebar. You can add elements to a 2/3 + 1/3 layout to look exactly like a sidebar.
Thank you!
HI
Try this css in theme panel > custom code > custom css: http://screencast.com/t/B5Exiu0mS
.td-header-row {
width: 1021px;
margin-left: auto;
margin-right: auto;
}
.td-header-container {
width: 100%;
-webkit-box-shadow: -4px 5px 15px -6px rgba(0,0,0,0.75);
-moz-box-shadow: -4px 5px 15px -6px rgba(0,0,0,0.75);
box-shadow: -4px 5px 15px -6px rgba(0,0,0,0.75);
}
Let me know how it goes.
Thanks
-
This reply was modified 10 years by
Andrei L..
Hi,
It can be done but you have to edit the theme files. It cannot be done with css.
You will have to edit every module you want this to take place: http://screencast.com/t/9TvORJG3 and simply move the date code above the title code like so:
http://screencast.com/t/8hbAWpBBw2 it should look like this: http://screencast.com/t/NRVeY5VQP
Result: http://screencast.com/t/fY5JkjNppbR
Thank you!
Is there a way i can make the date or time appear first before the post. as the current setting shows post topic before the date.
as you see on the scren shot
http://nigerianpilot.com/wp-content/uploads/2016/03/latest.bmp
plz help me with the css code that will show date first or time
lets assume we are targeting block 9 only
-
This reply was modified 10 years by
willysawa.
Hello George,
If you do not have the menu for your 404 page, you have 2 possibilities to hide it. You can use a bit of CSS code to hide it. Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.error404 .td-header-menu-wrap-full {
display:none;
}
The result -> http://screencast.com/t/rGPZLBuD
or you can add the condition in core file where the menu is created, like this -> http://screencast.com/t/osvjgxqz6EB
Thank you for the message!
Hi,
I’m not sure what causes the issue, but you can use this css to position it properly:
@media (max-width:767px){
.menu-top-container{
display:block!important;
}
}
Thanks.
Hello boundary2,
If you want to have the title of the category page in lowercase mode, you have to use a bit of CSS code to change it. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td_category_top_posts_style_1 .td-category-header .td-page-title {
text-transform: lowercase;
}
The result you should see here -> http://screencast.com/t/lUhyON8Nn
Thank you for the message!
Hi
To achieve that add the unique class for each post in your css. The class will look like this: .page-id-123 for pages and .postid-123 for posts. Just replace the 123 number with the post/page numeric id. To get the id follow this link: http://screencast.com/t/WFRpjR0LS
Your css should look like this:
.page-id-123 .td-container{
background-color: red;
}
Thanks!
-
This reply was modified 10 years by
Andrei L..
Hi,
Please try to disable all your plugins except visual composer, clear cache and reset cdn if you use it. It’s most likely a plugin conflict that interferes with the css.
Let us know how it goes.
Thank you!
Hello,
The theme only offers the ad spots from the theme panel. Please understand that any other ad placement you want will have to be made custom and coding skills will be required. For the standard ads from the panel, there are options to hide ads on particular viewports: http://screencast.com/t/iICtxBzkK
If you want to place ads besides the website you need to add them in header.php and then use css to position them with a (fixed position) and hide them for tablet portrait and mobile using media queries.
For example:
You can use a do_shortcode function to add your banner to the site. You can use one of the custom ad spots for it: http://screencast.com/t/XPYCo8hdzn
Then you can target it with css for positioning:
.td-a-rec-id-custom_ad_1{
position:fixed!important;
left:0;
top:300px;
z-index:99999
}
You can repeat this fort the right side ad.
Hope this helps.
Thanks.