- 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,
I have a few questions:
– Are the .less files in /less_files folder dynamically compiled by the theme or are they just used by the developers to compile it to a .css file, becuause I noticed that style.css and the less files have many lines of code in common? Otherwise I will remove the folder.
– Is the booster plugin automatically enabled when I install the theme, because the theme doesn’t ask me to install it like visual composer and the social plugin?
Thanks in advance,
Engo
That might be issue … I always have problems with Child Themes.
And also a trick to update, as you have to do some funky thing I forget, where you have to disable both when updating, and look at changelog for child theme update as with young themes the CHILD THEME MIGHT HAVE CHANGED (!). Which kind of defeats the purpose, I know; but that’s the dealio with that.
I don’t use child themes anymore due to two issues: 1) weird issues with plugins and other things nobody can ever figure out; 2) it’s a CSS redirect, which Google doesn’t like, so we don’t like. 🙂
I do know android has had a lot of problems with Disqus over the past couple of years.
Remember that block is loading via JavaScript in a div at bottom of theme. The theme doesn’t load that or apply a ‘hide’ style class to that, it comes entirely from Disqus.
Only CSS for Disqus in theme I know of is the margin hack I posted couple days after theme launch which was rolled into v1.2 I believe, so that it wouldn’t touch the borders.
You are correct, the Disqus comments are not loading on your site on my iPhone 6 in portrait mode. Might be due to having ad banner at bottom of story, or the social links plugin on the post page (I only put mine on home page to not slow down the post for PageSpeed). I have one header ad and two sidebar ads. But I’m also seeing some errors on your home page with the grid, where one image shows twice and then blank boxes — so I see Dixie Bell story twice, then four blank grey boxes. Both portrait and landscape mode.
Well, you still need to build your home page if it’s a new blank website.
Look at the ‘hello world’ post page to see if the styles have applied; at least that’s how it works for me.
Are you also clearing server side cache if you’re on a hosting provider that turns that on for your WordPress install for you (if you’re using a WP specialist host), and also if using CDN you need to release/update/expire stuff for the new CSS to load.
a) be sure not to test this with child theme
b) be sure to test this on real web server, not local install
a link to a sample page might be helpful 🙂
Thank you Chris, but I do not understand anything of this kind of Deal. I’m afraid to move, but I’ll try.
There is an easier way? as a custom css, where I just edit the numbers?
You can edit the style.css file to change the widths of the layout for desktop, by editing the @media section for desktops, without affecting the mobile sections.
However this would impact the overall layout.
You might also simply add some padding to the post area, by looking at the section using Chrome inspector, or view source, and find the main div for the post area, then experiment with adding some padding to that in the custom CSS box in the theme panel.
Obviously hacking the theme to change things is a little bit trial and error, but that’s how you learn 🙂
Just delete that code from the custom CSS box.
Go to the theme panel settings for fonts and change them all back to default if you previously changed them.
Hi,
A few months ago I changed the default settings by pasting the following code into “Your Custom CSS” box in the theme panel:
body {
font-family: 'PT Sans', sans-serif;
font-size: 20px;
line-height: 30px;
color: #666666;
}
Now I decided to change it back to default but I don’t remember the default font-family, font-size, line-height and color.
Could you please tell me the default font-family, font-size, line-height and color. Or if you know another way out then please let me know. Your help will be highly appreciated.
By the way, I’m using the Newspaper theme.
Thank you in advance,
Mr. Arias
Just FYI – I received an update notice.
Envato Notice of Update: Newmag 1.4 change log
[ V 1.4 ]
– improvement: this version of the theme requires the new tagdiv social counter plugin. You can find it in the /plugins folder
– fix: the [tagDiv] Text with title widget and shortcode. It now works properly with HTML content but please rebuilt the widget and hit save again to see the changes.
– fix: print css background issue
– fix: video title encoding issue on the tagdiv play list (sometimes the title of the video was rendered with strange characters)
– fix: issue with “&” encoding as strange characters in block titles
– fix: pagination issue on categories that don’t have child categories and when the category big grid is disabled
– fix: rich snippets reviews
– fix: missing image for two placeholders
– new: internal api
– improvement: dynamic loading of blocks and modules ( ~15% lower ram usage )
– improvement: video play list is more compatible with different hosts/servers. If your video play list was not downloading the video details, please update the theme.
– improvement: support for overwriting of blocks via child theme and via plugins
– improvement: support for new blocks, headers, modules, smart lists, thumbnail sizes via our plugin api
– improvement: admin panel help text (Template settings panel)
– improvement: when the user disables the post view, the theme will stop keeping track of them in the background -> faster loading time
– improvement: added option to have a border on the text with title widget + page builder block
– improvement: now you can login to post a comment directly from the comment section
– improvement: added in Theme Panel -> Translations: SHARE
Hi Lucian,
I tested the htaccess method, however that did not change anything. As I mentioned above, we used the Ubuntu font for titles on our last theme (Valenti from Cubell) with no problems. We are using Source Sans pro for content font, Ubuntu seems the ideal choice for title font.
2. sorry – forgot to update you, I have managed to solve it using the exact same css 🙂
Thanks for looking into this!
Lukas
Hi,
Theme was designed to not show top menu on mobile view and there is no option for this.
Please use this custom css: http://screencast.com/t/BYx45vKqIg
@media (max-width: 767px){
.td-header-menu-wrap {
display: block;
font-size: 11px;
}
.top-header-menu, .td-header-menu-wrap .menu-post-and-page-settings-container .menu {
margin-left: 0px;
}
.top-header-menu li a, .td-header-menu-wrap .menu-post-and-page-settings-container .menu li a {
padding: 0px 2px 0px 2px;
}
}
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
Unfortunately the only customization you can do to the tag page can be doe from theme panel > template settings and involve the articles display view on the page and the sidebar position: http://screencast.com/t/yzjSD04ah
Other customization can be done to the template file but having each tag page customized is not an easy task and you would need custom work for that or you could also try search an use a plugin if there is one that can help you achieve what you want.
Regarding your site’s speed you can use the guides I’ve pasted below and the tagdiv speedbooster plugin to do it:
* https://forum.tagdiv.com/how-to-make-the-site-faster/
* https://forum.tagdiv.com/topic/can-i-add-plugins-css-to-footer/#post-6348
You can also follow this topic to find out how others fixed their issues regarding pagespeed: https://forum.tagdiv.com/topic/pagespeed/
Thanks
Hi,
I see you are using the newsmag theme. That is why you don’t have the crop feature image option in theme panel as this is present just on newspaper theme.
Please address your questions on newsmag forum section on future: https://forum.tagdiv.com/forum/newsmag/
The big grid uses this two image sizes/thumbs: http://screencast.com/t/ucE2vOfWEy In order to change them you need to alter their sizes here: http://screencast.com/t/u1V0JjGCQNZR
Then regenerate thumbnails: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
Then you need to alter/adjust the container width via css. Here is the css code for the big grid: http://screencast.com/t/9qRFpsCE
This is not easy if you don’t have basic php/html/css knowledge so I suggest to make a backup and get some to help you with hit if you don’t know how to do it yourself.
I suggest you make a backup of your current theme installation before you alter it and get someone to help you with it if you don’t know how to do it.
Hope this helps!
Thanks
Hi,
Please use this custom css: http://screencast.com/t/LgT584aHpIJi
#td-top-search {
right: auto !important;
left: 16px !important;
}
@media (min-width: 1200px){
.header-search-wrap #search-button .td-sp-ico-search {
left: 0px !important;
}
.span1#td-top-search {
right: auto;
left: 48px !important;
}
}
Thanks!
Hi,
Please use this custom css and change the font size via css, like this: http://screencast.com/t/Cd9FjCavfK
.td-post-text-content .td_quote_box p {
font-size: 30px !important;
}
Change the value as you like.
Thanks
Hi,
I believe you refer to the Visual Composer issues which appear with older versions of VC when updating WordPress to 4.1
I have noticed you use already use the latest theme version(4.6.1) and also the latest VC version(4.3.5) which should work fine together as the VC was fixed in the latest version to work on WordPress 4.1 also.
I have noticed though some extra css, the one that adds the space between elements which should not be there so you could try to remove and re-install it from the plugins folder that was provided within the theme’s downloaded files and use this guide to do it: https://forum.tagdiv.com/update-the-visual-composer-plugin-wpbakery/
After that remove the css I gave you and check if those space are still added.
Please let me know how it goes!
Thanks
Hi,
Please use this custom css: http://screencast.com/t/cvizR0XzN
.td-post-content h3:first-child{
margin-top:0px;
}
If this doesn’t solve the problem, please use contact@tagdiv.com and also provide an URL to this tread or specify your issue in details.
Thanks
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
The thumb used for smart list 3 is the 300×350 one.
You will need to alter the thumb dimensions from here: http://screencast.com/t/Cr3AHCstq4al
Then regenerate thumbnails: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
Then alter the container width via css. You can use the css from below for it:
.td_smart_list_3 .td-sml3-display-image {
width: 300px;
}
This is not easy if you don’t have basic php/html/css knowledge so I suggest to make a backup and get some to help you with hit if you don’t know how to do it yourself.
Thanks
Hi,
You will need to alter the thumb dimensions for the widget slider from here: http://screencast.com/t/Cr3AHCstq4al
Then regenerate thumbnails: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
Then alter the container height via css. You can use the css from below for it:
.td-theme-slider.iosSlider-col-1 .td_module_slide {
height: 450px;
}
This is not easy if you don’t have basic php/html/css knowledge so I suggest to make a backup and get some to help you with hit if you don’t know how to do it yourself.
Thanks
So, I don’t know why it did what it did. But the left padding was set to -21px. I never edited the main css file to cause that.
So I added a Custom CSS to move left padding back to 0px.
.td-post-image-full {
left: 0px;
}
Edit: I looked in your theme download *.zip from ThemeForest.net and it is hard coded in the *.css file to have that padding.
I don’t know why you guys did that, but I only noticed because my inline article ad banners were aligned left and your documentation shows them positioned in the center.
-
This reply was modified 11 years by
Breakwater. Reason: Found bug in css maybe?
-
This reply was modified 11 years by
Breakwater.
Hi,
You could try to add it like this: http://screencast.com/t/VL3jCZ3utgvg
Add this line like shown:
$buffy .= '<span class="location_class" >' . $EM_Event->output('#_LOCATIONTOWN') . '</span>';
You would probably need to style it to look well on front end, use css and target the location_class set fro the span tag.
Thanks
-
This reply was modified 11 years by
Lucian.
Hi,
Unfortunately the theme doesn’t have an option for it but you can do it via custom css and use the css I’ve pasted below in theme panel > custom css filed: http://screencast.com/t/A6nIWEC5
.td-big-grid-post .td-image-gradient:before {
display: none;
}
Thanks
Hi,
1. I have also tested this using your posts content and found the same issue on my local machine and just on firefox.
Noticed that the fonts couldn’t be loaded and this “Cross-Origin Request Blocked” error came up in the browser console: http://screencast.com/t/kq9Tjdy0T
We will continue to make tests and further investigate this so you could try this solution: http://webmasters.stackexchange.com/questions/71630/font-blocked-from-loading-by-cross-origin-resource-sharing-policy-no-access-co
Also noticed that you’ve changed the “ubuntu” font as it’s not loaded: http://screencast.com/t/H7eGKfRFSChk so I’m not sure if this also happens in your case but you could give this a try and let me know.
2. I haven’t noticed this on your page: http://screencast.com/t/HSG9Igto but you can use this css to remove it:
.single_template_6 .td-image-gradient:before {
display: none;
}
Thanks
Hi,
Thanks Giorgos!
@rimA Change this value to 6 to have 6 posts added to the big slider then use css to style it to look at you want it: http://screencast.com/t/7UvNHiaqvQ
Here is the css code for the big grid: http://screencast.com/t/9qRFpsCE
You also need to add a new image thumb or use the ones that already exist to build the grid, add your new image thumb here: http://screencast.com/t/noIcBcoufoqj and regenerate thumbnails afterwards. To regenerate thumbnails use this guide: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
I suggest you make a backup of your current theme installation before you alter it and get someone to help you with it if you don’t know how to do it.
Thanks
I have an issue.
I don’t want a top and bottom article ad on small articles, image galleries, and smart lists because both ads almost surely appear on the screen together and it doesn’t look good.
Feature Request:
It would be nice if you could create a function where an author could disable/enable specific ads in posts from the post menu section somehow.
Until that is done, is there a way I can disable specific post ads using a combination of plugins and css edits?
Thank you!
tl;td: Disable post ads selectively.