- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hi,
What version of the theme do you use? If you use version 4 and you upgrade to version 6 please note that you will have to add again all custom modifications including custom css. Please follow this guide to update from version 4 – https://forum.tagdiv.com/how-to-update-the-theme-2/
If you already use version 6 and you only want to update to the latest version 6.3.2 you can check the update_log file to see the changes that were made. When you update you will lose custom modifications to the files, as it will overwrite the files, but no Theme Panel customizations or custom css. Any way always make a backup of your current installation – https://codex.wordpress.org/WordPress_Backups
Hope this helps!
Hi,
This css prevents the site’s responsiveness: http://screencast.com/t/7gcfrJPtd4p9
Make sure that you also disable any html/css/js compression tools and test again then also make sure you empty all cache and purge cdn files.
Let us know how it goes and provide your admin user and pass via email if you can’t managed to fix it so we can have a look at this.
Thanks
Hi,
You have to use the no-repeat parameter and some size if you want to stretch it ex:
.td-banner-wrap-full {
background: white url("http://xyz.png") no-repeat;
background-size: 100% 100%;
}Check this guide for more details – http://www.w3schools.com/cssref/css3_pr_background-size.asp – http://www.w3schools.com/css/css_background.asp
The logo on header style 10 is set to appear on one row. It’s position is set with css. – http://screencast.com/t/wUjskDTyhTjW
I’m not sure exactly what you’re trying to do, if you can’t find the right solution please provide more details.
Thank you!
Hi,
Please check the custom css or custom js or other custom elements added in Theme Panel area, it may have an error in it. Also check the footer.php file, if you made modifications on it the code may be broken – http://screencast.com/t/uVCA03gLTj
Thank you!
Hi,
You need a more precise css, try this:
.td_block_slide .td-module-meta-info {
display: none;
}
Thank you!
Hi,
I’ve checked again and it seems that photon doesn’t fully compress them – http://screencast.com/t/Yhppnc6yp
Even if they come from cdn this may still delay the page load speed. My point is that the images can be compressed even more.
The page is loading properly now, there’s less delay and the css loads on time, i don’t see any broken layout anymore. – http://screencast.com/t/CiZ6WGgUh
Thank you!
Hi, I tried to add js and css to footer from other plugins following instructions that you gave here: https://forum.tagdiv.com/page-speed-guide/
I followed pictures, and when I enter ”that” code to functions php I get list which I also copy to .txt
Then I run google insights and get information that I simply cant’t find on that list in .txt to get file id.
I found only 1 file id, which I included in that td-speed-booster.php, but when I made test again, there were no changes. I did delete the code that turns td-speed-booster off, so now it is ON all the time.
Please help me resolve this issue.
This is what I get when I enter ‘that’ code to functions.php:
common | /wp-admin/js/common.min.js
admin-bar | /wp-includes/js/admin-bar.min.js
utils | /wp-includes/js/utils.min.js
svg-painter | /wp-admin/js/svg-painter.js
upme_admin_tipsy_js | http://badhat.ninja/wp-content/plugins/upme/js/jquery.tipsy.js
upme_admin | http://badhat.ninja/wp-content/plugins/upme/admin/js/upme-admin.js
upme_admin_modules | http://badhat.ninja/wp-content/plugins/upme/admin/js/upme-admin-modules.js
jquery-ui-sortable | /wp-includes/js/jquery/ui/sortable.min.js
upme_tabify | http://badhat.ninja/wp-content/plugins/upme/admin/js/upme-tabify.js
upme_tmce | http://badhat.ninja/wp-content/plugins/upme/admin/js/tinymce_language_strings.js
upme_chosen_js | http://badhat.ninja/wp-content/plugins/upme/admin/js/chosen/chosen.jquery.js
wp-auth-check | /wp-includes/js/wp-auth-check.min.js
codemirror | http://badhat.ninja/wp-content/plugins/my-custom-functions/inc/codemirror/lib/codemirror.js
codemirror_xml | http://badhat.ninja/wp-content/plugins/my-custom-functions/inc/codemirror/mode/xml.js
codemirror_javascript | http://badhat.ninja/wp-content/plugins/my-custom-functions/inc/codemirror/mode/javascript.js
codemirror_css | http://badhat.ninja/wp-content/plugins/my-custom-functions/inc/codemirror/mode/css.js
codemirror_htmlmixed | http://badhat.ninja/wp-content/plugins/my-custom-functions/inc/codemirror/mode/htmlmixed.js
codemirror_clike | http://badhat.ninja/wp-content/plugins/my-custom-functions/inc/codemirror/mode/clike.js
codemirror_php | http://badhat.ninja/wp-content/plugins/my-custom-functions/inc/codemirror/mode/php.js
wpuf-subscriptions | http://badhat.ninja/wp-content/plugins/wp-user-frontend/assets/js/subscriptions.js
wp-color-picker | /wp-admin/js/color-picker.min.js
jquery |
media-upload | /wp-admin/js/media-upload.min.js
thickbox | /wp-includes/js/thickbox/thickbox.js
wpseo-admin-global-script | http://badhat.ninja/wp-content/plugins/wordpress-seo/js/wp-seo-admin-global.min.js
td_wp_admin | http://badhat.ninja/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin.js
td_wp_admin_color_picker | http://badhat.ninja/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin_color_picker.js
td_wp_admin_panel | http://badhat.ninja/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin_panel.js
td_edit_page | http://badhat.ninja/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_edit_page.js
td_wp_admin_demos | http://badhat.ninja/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin_demos.js
td_page_options | http://badhat.ninja/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_page_options.js
td_tooltip | http://badhat.ninja/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/tooltip.js
all-wp-rocket | http://badhat.ninja/wp-content/plugins/wp-rocket/inc/admin/ui/js/all.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
colors | 1
ie | /wp-admin/css/ie.min.css
upme_admin | http://badhat.ninja/wp-content/plugins/upme/admin/css/upme-admin.css
upme_admin_tipsy | http://badhat.ninja/wp-content/plugins/upme/css/tipsy.css
upme_font_awesome | http://badhat.ninja/wp-content/plugins/upme/css/font-awesome.min.css
upme_google_fonts | //fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700&subset=latin,latin-ext
upme_chosen_css | http://badhat.ninja/wp-content/plugins/upme/admin/js/chosen/chosen.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.css
codemirror_style | http://badhat.ninja/wp-content/plugins/my-custom-functions/inc/codemirror/lib/codemirror.css
td-plugin-framework | http://badhat.ninja/wp-content/plugins/td-api-plugin/wp-admin/style.css
wp-color-picker | /wp-admin/css/color-picker.min.css
thickbox | /wp-includes/js/thickbox/thickbox.css
google-font-ubuntu | http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic
td-wp-admin-td-panel-2 | http://badhat.ninja/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/css/wp-admin.css
admin-wp-rocket | http://badhat.ninja/wp-content/plugins/wp-rocket/inc/admin/ui/css/admin.css
And when I run PageSpeed Insights, I get this every time 5 js scripts blocking rendering and 12 css:
…-includes/js/jquery/jquery.js?ver=1.11.2
/jquery/jquery-migrate.min.js?ver=1.2.1
http://maps.google.com/maps/api/js?sensor=true /* This ones I even don't know how to fix */
http://maps.gstatic.com/…s-api-v3/api/js/21/8/intl/hr_ALL/main.js /* This ones I even don't know how to fix */
…user-frontend/assets/js/frontend-form.js
css
http://fonts.googleapis.com/…lic%2C400%2C700&subset=latin%2Clatin-ext /* Maybe this can be fixed with prefetch, or not, or maybe if I find the output of that exact font css and include it in css, help.. */
/…nt/plugins/upme/css/font-awesome.min.css
/wp-content/plugins/upme/css/upme.css
/…-content/plugins/upme/styles/default.css
/…ent/plugins/upme/css/upme-responsive.css
/…form-7/includes/css/styles.css?ver=4.2.2
/…tent/plugins/td-api-plugin/css/style.css
/…r-frontend/assets/css/frontend-forms.css
http://fonts.googleapis.com/…C400italic%2C600italic%2C400%2C600%2C700
http://fonts.googleapis.com/…A500%2C400italic%2C700%2C500italic%2C400
/…ser/assets/css/js_composer.css?ver=4.6.2
Thats that. I only found 1 file id match, the others are just not there, also that 1 I did found, adding it to td-speed-booster.php (which is always ON) didn’t change a thing.
Thanks
Hi,
The problem is in the code, you set the block (on 2 columns) to generate 5 modules/row – http://screencast.com/t/hFJqiSnI5d
I’ve used custom css to change the default 33.3% width to 20% to clear this out.
Here’s an explanation on how the code works – http://screencast.com/t/8u1x8Vki3
Hope this helps.
Thank you!
Hi,
I guess that you have changed the grid style to 4, so the gradient color is not applied anymore. If you use grid style 1 and remove background gradient color please check this – https://forum.tagdiv.com/topic/grid-style-1-to-dark/ also if you want to reduce the darkness – https://forum.tagdiv.com/topic/change-shadow-function-in-big-grid-3/
For zoom effect please try this custom css in Theme Panel > Custom Css:
.td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb {
transform: none !important;
-webkit-transform: none !important;
-moz-transform: none !important;
}
Hope this helps!
Hi,
There a default css that add border for tables – http://screencast.com/t/eZA7Tyc3vXOv Do you want to remove it?
Just remove the border from style.css and it will look like this – http://screencast.com/t/qXYE5Isw8fpV
Thanks!
Hi,
1. I have checked your site and you have to many menu items, also containing long words that’s why you have this issue. You can change the font size for menu items – http://screencast.com/t/zr3Nq687OS and use this custom css to reduce the space between items:
.sf-menu a.sf-with-ul {
padding-right: 20px;
}
.sf-menu > li > a {
padding-left: 0px !important
}
.sf-menu .td-icon-menu-down {
padding-left: 3px;
}
You can add a background color for each menu items only via custom css, as the theme doesn’t have an option for this. You can check this topic as reference – https://forum.tagdiv.com/topic/how-to-change-one-category-colur-on-menu/
2. If you want to add a link to the post title you have to edit here – http://screencast.com/t/tihZqObCZ
3. The theme doesn’t have an option to have excerpt on specific width. The only option is to set the excerpt length for each module – http://screencast.com/t/fQatGaZlx
4. You can try this custom css in Theme Panel > Custom Css – http://screencast.com/t/YA4JhRGni
.home .wpb_revslider_element {
margin-bottom: 30px !important;
}
Thanks!
Marius here is my top-menu.php http://www.screencast.com/t/PStLkOiZZF does that look right? I also copy and pasted the custom CSS from your post and this is whats popping up http://www.screencast.com/t/8lVpn25XBHs. Thank you
Thanks Alin,
1. Ads then use custom 1-5 (I can add adrotate widgets to Newspaper 6 sidebar though too? Any widget can go in your sidebar?
2.
I’ve done that just as you asked:
Deactivated all plugins – cleared all caches
Activated one by one – Result EWWW Image Optimizer causes the class errors (I have left it deactivated but installed) I’m sure I can use an alternative plugin to manage media upload minimise sizes.
Could you look at some CSS for me? Need no ads anywhere at all on ‘All listings’ ‘For rent’ ‘For sale’ and the ‘single listing’ quality
Sorry for the trouble but really want to use theme and the ad thing is a problem for the Real Estate advertisers. You can see how it’s worked on westbridgfordwire.com/for-rent/ with this css from theme author below: I tried the CSS from the WP-Prosperity author below in Newspaper 6 but it wouldn’t do anything
body.single-properties .banner-ad { display:none !important; }
So in the current ‘live’ theme there’s a tick box for remove all ads (I know you don’t have that no worries) – and additional custom CSS to remove header ad
Best wishes
Pat
Hi,
I know the logo size is set in the theme, but I need to change it to make it MUCH bigger.
I have tried using this custom css, as per advice elsewhere in this forum, but this REPEATS the logo.
.td-banner-wrap-full {
background: white url(“http://xyz.png”);
}
How can I use custom css to a) centre the logo as per style 10 AND define the image size (and location).
Thanks!
Hi,
Unfortunately the theme doesn’t have an option to disable category title, you can hide it via custom css – http://screencast.com/t/qb5o1koK1J
.td-category-header .td-pb-span12 {
display: none;
}
If you want this only on specific category you can use category id – http://screencast.com/t/pcR4VT8opRF
.category-xx .td-category-header .td-pb-span12 {
display: none;
}
Thanks!
Hi,
You can remove this code – http://screencast.com/t/YgZY1bQGv or you can hide it via custom css – http://screencast.com/t/uE9LXrEhE
#td-top-search {
display: none;
}
Thanks!
Hi,
1. Using Ad Box(block or/and widget) and set sidebar ad, it will display the same ad. If you want to display a different ad you can paste the code in a custom spot from Theme Panel > Ads and set it in Ad Box block.
2. Unfortunately the theme doesn’t have an option to remove ads on specific page/post. This can be done using custom css or alter the code, but the issue on your site is the classes from body are missing and I need it to use a specific class for your single product page(or all products page).
I think that it is a conflict and a plugin remove those classes from the body, please check – http://screencast.com/t/TvG4K9JVSy it should look something like this – http://screencast.com/t/nSWbEOYJP8 Please deactivate all plugins except of Visual Composer, clear cache and use browser inspector tool(F12 on Chrome) on any of your articles not only product page have this issue and see if they appear, then activate your plugins one by one and see which one cause this issue.
3. Please check also our demo and see if you see the same problem – http://demo.tagdiv.com/newspaper/td-post-2015-awards-all-of-the-best-and-worst-moments-from-the-show/
Thanks!
Hi,
You can try this custom css for desktop screens – http://screencast.com/t/HC2lznAZX8 You will need custom work if you want this also on other devices, so if you don’t know how to do it I suggest to get someone to help you as we cannot provide any type of custom work at this time, sorry!
@media (min-width: 1141px) {
.td_video_playlist_column_2 .td_wrapper_player {
width: 50%;
float: left;
}
.td_video_playlist_column_2 .td_container_video_playlist {
width: 50%;
float: left;
height: 391px !important;
}
}
Thanks!
Hi,
You can remove meta info for IOS Slider using custom css in Theme Panel – http://screencast.com/t/ZiUSazc1C
.td-module-meta-info {
display: none;
}
Also there is a specific width and height on different devices, you can change this if you want using media queries to overwrite the default css – http://screencast.com/t/K0MbWAetehC1 – http://screencast.com/t/5IeN5ZkFpglu
You will need custom work for this, if you don’t have css/html experience I suggest to hire a professional to do it for you as we cannot provide any type of custom work at this time, sorry!
Thanks!
Hi,
Please try this custom css in Theme Panel > Custom Css to center the smart list images – http://screencast.com/t/rkbTJaPYWZv
.td_smart_list_1 .td-slide-smart-list-figure img {
margin: 0 auto;
display: block;
}
Thanks!
I placed the code and the custom css exactly as shown in that post and this is the result
http://www.screencast.com/t/8lVpn25XBHs
Hi guys,
Quick question: how can I remove the transparent layer that sits onto the pictures displayed in the main slider? Check our implementation here http://www.lemojo.com
Our feeling is that this layer cuts a lot from the color vividness of the pictures we’re uploading there.
PS: if possible, we’d like this layer removed from everywhere in the website (sliders, paralax) along with the hover zoom.
Thanks,
Radu
How can I fix this problem like igeeks does?
http://www.igeeksblog.com/wp-admin/css/
I am so sorry for asking this simple thing, but I actually do not know how to do.
Thanks
Hi –
I am not good at coding nor CSS, but use blockquotes a lot,
and wish to have them styled differently.
I would like them just inset a little, not centered, not all capitalized,
and in the default font and sizing, etc…
The current huge, centered blockquotes in all-caps is not good for
quoting a paragraph or two, as I often do.
Thanks for any help you can offer
==>Jim
PS… appreciate your help, this theme is the best i’ve ever used
