- 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,
Please use this css code in Theme Panel > Custom Css:
.td-affix {
height: 100px !important;
}
Result: http://screencast.com/t/wHIYP5DuoFe
Thanks!
Hi,
Thanks for your suggestion, we will consider this for future updates. Meanwhile you can also use the translate panel section to change “Continue” to “Read More” or as you like: http://screencast.com/t/VRvARl2m5te and use css to style it as you like: http://screencast.com/t/i0PYm34YSzq
Thanks
registered scripts
common | /wp-admin/js/common.min.js
admin-bar | /wp-includes/js/admin-bar.min.js
wp-mediaelement | /wp-includes/js/mediaelement/wp-mediaelement.js
utils | /wp-includes/js/utils.min.js
svg-painter | /wp-admin/js/svg-painter.js
wp-auth-check | /wp-includes/js/wp-auth-check.min.js
wp_social_popup_js | http://vidzo.ru/wp-content/plugins/wp-social-popup-and-get-traffic/assets/js/plugin.js
ilentheme-script-admin | http://vidzo.ru/wp-content/plugins/wp-social-popup-and-get-traffic/assets/ilenframework/core.js
media-editor | /wp-includes/js/media-editor.min.js
media-audiovideo | /wp-includes/js/media-audiovideo.min.js
mce-view | /wp-includes/js/mce-view.min.js
image-edit | /wp-admin/js/image-edit.min.js
thickbox | /wp-includes/js/thickbox/thickbox.js
wpseo-admin-global-script | http://vidzo.ru/wp-content/plugins/wordpress-seo/js/wp-seo-admin-global.min.js
td-wp-admin-general | http://vidzo.ru/wp-content/themes/Newspaper/wp-admin/js/general.js
td-wp-admin-panel-js | http://vidzo.ru/wp-content/themes/Newspaper/wp-admin/js/wp-admin-panel.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
wp-mediaelement | /wp-includes/js/mediaelement/wp-mediaelement.css
colors | 1
ie | /wp-admin/css/ie.min.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.css
wp_social_popup_css_admin | http://vidzo.ru/wp-content/plugins/wp-social-popup-and-get-traffic/assets/css/admin.css
ilentheme-styles-admin | http://vidzo.ru/wp-content/plugins/wp-social-popup-and-get-traffic/assets/ilenframework/core.css
media-views | /wp-includes/css/media-views.min.css
imgareaselect | /wp-includes/js/imgareaselect/imgareaselect.css
thickbox | /wp-includes/js/thickbox/thickbox.css
wp-color-picker | /wp-admin/css/color-picker.min.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://vidzo.ru/wp-content/themes/Newspaper/wp-admin/css/wp-admin.css
wpalchemy-metabox | http://vidzo.ru/wp-content/themes/Newspaper/wp-admin/content-metaboxes/meta.css
the list of registered css and js
Hi,
Please use this custom css int theme panel > custom css filed: http://screencast.com/t/6kApVBQFRHfU
/* responsive portrait tablet */
@media (min-width: 768px) and (max-width: 1018px) {
.sf-menu > li > a {
padding-left : 4px !important;
}
.sf-menu > li > a {
font-size: 13px !important;
}
.top-header-menu li a {
padding: 0px 5px 0px 5px;
}
}
Thanks
Hi,
Not sure how your site was designed before so I’m not aware of what colors/layouts/fonts that have changed. I have noticed though that some additional classes and css have been added by the VC plugin.
Please make sure that you remove the VC plugin then use this guide: https://forum.tagdiv.com/update-the-visual-composer-plugin-wpbakery/ and install the plugin from the /plugins folder that was provided within your theme files.
Let me know if you have this issues afterwards.
Thanks
Hi,
@bariton Please add td-ss-row css class to the row in which you add the sidebar: http://screencast.com/t/b2KhOR48
I also tested your socials button and seems to work fine. Please let me know if you still have issues with this and provide more details about which button( a screenshot).
Also share works: http://screencast.com/t/8hwxfAvfZ
@chibhanzi I inspected your site and I found that you didn’t add the class to the row. You have added to the Widgetised Sidebar block and to the column: http://screencast.com/t/0lzX3PhE
Please add the class to the row: http://screencast.com/t/PVS8ioZGnov
Result: http://screencast.com/t/NLI6CG2X7
Hope this helps!
Hi,
The logo issue you have is because you use a large logo img and which on mobile screens id set to a 180px width and behaves as in your case.
You can adjust it and make it look better via css, like this: http://screencast.com/t/vrjChmttUD67
You also need to remove or change the header color, use the css below and set the color as you like. It will have to be different form blue because the logo is also blue and different from white because the menu icon and search icon are also white.
You can also set the menu color to black from theme panel: http://screencast.com/t/nUvQUIFd
@media (max-width: 767px) {
.td-boxed-layout .td-menu-placeholder .td-menu-background .td-menu-wrap {
background: red !important;
}
.header-style-3 .td-logo img {
width: 380px !important;
top: -1px !important;
}
}
@media (max-width: 500px) {
.header-style-3 .td-logo img {
width: 300px !important;
top: 5px !important;
}
#td-top-search {
right: -40px !important;
top: -57px !important;
}
}
@media (max-width: 400px) {
.header-style-3 .td-logo img {
width: 250px !important;
top: 8px !important;
}
}
The itemprop="interactionCount" meta tags are added and used for the comments counter from modules: http://screencast.com/t/MgwNRmvLQLzi
To remove it please comment this line: http://screencast.com/t/3iTGxtlTs
Thanks
Hi,
I also tested this and found that “top-submenu text color” doesn’t work and it doesn’t have an option for background submenu. I have added on our todo list and we will add it in next theme versions.
If you have referred to another issues with top menu please report this.
Also you can use this custom css till we solve the problem: http://screencast.com/t/Dtj9bvIC9
.td-header-style-4 .td-header-sp-top-menu .sub-menu a{
color:red;
}
.td-header-sp-top-menu .top-header-menu .sub-menu {
background-color: yellow;
}
Sorry for inconvenience!
Thanks
Yes, that is normal. The size of the font used in the admin panel is not the same as you might have on the website, and the theme is responsive, so the “actual” width will vary as far as word-wrap.
Again, the visual editor is not a “what you see is what you get” editor like you have in print publishing; it’s an “approximation” … it’s not “pixel accurate” … partially because the WordPress admin uses CSS from WordPress, while the actual page uses CSS from the theme.
So, the value in the visual editor is in doing elements like alignment, pre-viewing photos and videos, or MP3 audio, bolds, italics and other “presentation formatting” … but it is *not* a 1:1 view of the actual page. This is true of WordPress and always has been.
So, in your last example, it’s working correctly. You cannot manage exactly where line breaks are, or word-wrapping as the font and kerning, and so forth may vary based on the device being used.
So, on one device you might have 7 words, another 6 words and the 7th word goes to next line due to letter spacing, kerning, and the space between letters (not to date myself here, but I went to Compugraphic Typesetting school in 1985… so kind of savvy on font issues).
Upshot; based on your screen shots above… you’re just fine. 🙂
I think the tagdiv speed booster plugin helps with this in theory by putting all the css and js at bottom of page, but that can also cause some things to load in odd order since sometimes a menu might use jquery …. one of those things you kind of have to experiment with.
Probably need to put link to an example post page so the TagDiv admin folks can take a peek just to see whassup.
First thing they always look for is console errors (F12 in Chrome or IE11), and often that can reveal the culprit, if any.
Last week any of my pages with a YouTube video loading would slow down part of the page, when Google was having major hiccups. This would then slow down AddThis … since I had the video and Addthis loading in order last on page … the whole page would render except blank video box and blank addthis box … (not using this theme, but a home-brew thing). That worked as expected …. except that I wanted to share stuff via addthis and it was taking 60 second for video to load. Annoying.
Anyway… I digress 😉
Hi,
Thant would be the normal behavior without any css to style the page on mobile screens. The theme doesn’t have an option to turn its responsiveness off and this is not an easy task so I suggest you also get someone to helps you with this and also make a backup of your current theme installation.
Sorry for the inconvenience!
Thanks for understanding!
Hi,
You have this option on block settings panel which you can try: http://screencast.com/t/tw4p2pd2x but I’m not sure how this will work for you and you will probably need additional customization to this as the theme hasn’t been designed to work with CPT.
I also suggest you also try to find a plugin for this or get someone to help you with if you don’t have any basic php/html/css knowledge.
Thanks for the message!
Hi,
You will need additional customization to the more art box for that. Here is the code for the more art box and the file you can add your code for fb like: http://screencast.com/t/0QIMqAUGpl
I suggest you get someone to help you with if you don’t have any basic php/html/css knowledge as this needs custom work and we cannot offer any custom work at this time.
Thanks for understanding!
Hi,
Please try this custom css: http://screencast.com/t/shyyFMh2yqD9
.td_module_11 .td-module-thumb {
clear: both;
}
.td_module_wrap.td_module_11 {
min-height: 220px;
margin-bottom: 30px !important;
}Let me know if this fix it!
Thanks!
Hi,
You can use this solution and import the styling from the js_composer.css file: https://forum.tagdiv.com/topic/buttons/
Thanks
Hi – I am trying to get each of my categories and all of the sub cats and posts within that category, to have their own background related image. I have managed to change the category and sub category pages as they have ID selectors – however I cannot see a way I can identify the post / news stories within that section/cat/subcat.
For instance I have a category called Hobbit, I have managed to change the background of that page, and the sub cat backgrounds to a hobbit related image. The only way I can see to change it for the stories is by changing the css for every story added, and obviously that’s just not workable.
Is there an easier way to do this?! http://scifiandfantasynetwork.com/
Hi,
Thanks Chris!
@Faheem Hafeez I have checked your site using the latest version of opera browser and haven’t found any issues as you’ve described: http://screencast.com/t/BTjKTb4Wg
If this still happens in your case please make sure you check this without plugins(Lave just VC active) empty cache then check again.
For your site’s speed you can use the guides I’ve pasted below and the tagdiv speed booster 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,
Use it like this: http://pastebin.com/ipAucJUq here: http://screencast.com/t/jqIIRCQW
Result: http://screencast.com/t/jJ3J60il
I suggest you get someone to help you with if you don’t have any basic php/html/css knowledge as this needs custom work and we cannot offer any custom work at this time.
Thanks for understanding!
Hi,
I’ve checked your site an noticed that bootstrap css is missing and returns and 404 error massage: http://screencast.com/t/bK37ybff
This file represents the css for the grid, that is why your site looks broken.
I suggest you re-copy your theme files and please use this guide and the FTP method: https://forum.tagdiv.com/how-to-update-the-theme/
To use rtl you should localize your WordPress: http://codex.wordpress.org/WordPress_in_Your_Language
Install WordPress in your language then automatically the theme will use the rtl.
Search the forum for suggestion and fixes for the issue you may encounter with this and you should also consider that unfortunately we recently have decided that starting with the next theme update we will not include rtl support within the theme. You can still use the theme as it is but unfortunately you cannot updated it as you will lose the rtl support.
Sorry for the inconvenience!
Thanks for the message and for understanding!
Hi,
For your site’s page speed I can use the tagdiv speed booster plugin and this guide: https://forum.tagdiv.com/how-to-make-the-site-faster/ but first I suggest you turn off all plugins, empty cache/purge files and use this guide to regenerate your thumbnails so that the theme creates the thumbnails for old images form your content: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
You can also follow this topic to find out how others fixed their issues regarding pagespeed: https://forum.tagdiv.com/topic/pagespeed/
For remaining js/css errors I suggest you enable/disable plugins to find out which ones are causing issues.
Thanks
Can you please say me is it true what i am doing?
1. Enabling Gzip compression and Set the Leverage Browser Caching
my htaccess
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress
Options +FollowSymLinks
RewriteEngine On
RewriteCond %{HTTP_HOST} ^www.vidzo.ru\.ru$
RewriteRule (.*) http://vidzo.ru/$1 [R=301,L]
RewriteCond %{THE_REQUEST} ^[A-Z]{3,9}\ /index\.php\ HTTP/
RewriteRule ^index\.php$ http://vidzo.ru [R=301,L]
RewriteRule ^page/([0-9]+)(/?)$ index.php?cstart=$1 [L]
<IfModule mod_deflate.c>
<filesMatch "\.(js|css|html|php)$">
SetOutputFilter DEFLATE
</filesMatch>
</IfModule>
# BEGIN Expire headers
<ifModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 5 seconds"
ExpiresByType image/x-icon "access plus 604800 seconds"
ExpiresByType image/jpeg "access plus 604800 seconds"
ExpiresByType image/png "access plus 604800 seconds"
ExpiresByType image/gif "access plus 604800 seconds"
ExpiresByType application/x-shockwave-flash "access plus 604800 seconds"
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 604800 seconds"
ExpiresByType application/javascript "access plus 604800 seconds"
ExpiresByType application/x-javascript "access plus 604800 seconds"
#ExpiresByType text/html "access plus 600 seconds"
#ExpiresByType application/xhtml+xml "access plus 600 seconds"
</ifModule>
# END Expire headers
is it ok?
2. Remove render blocking css/js – using the TagDiv Speed Boosterplugin (Advanced Users)
this is my code that i get from functions.php but i have a problem with this and i can’t to do it right can you please say me codes for my saite and where i shall add them?
registered scripts
common | /wp-admin/js/common.min.js
admin-bar | /wp-includes/js/admin-bar.min.js
dashboard | /wp-admin/js/dashboard.min.js
customize-loader | /wp-includes/js/customize-loader.min.js
plugin-install | /wp-admin/js/plugin-install.min.js
media-upload | /wp-admin/js/media-upload.min.js
thickbox | /wp-includes/js/thickbox/thickbox.js
utils | /wp-includes/js/utils.min.js
svg-painter | /wp-admin/js/svg-painter.js
wp-auth-check | /wp-includes/js/wp-auth-check.min.js
wp_social_popup_js | http://vidzo.ru/wp-content/plugins/wp-social-popup-and-get-traffic/assets/js/plugin.js
ilentheme-script-admin | http://vidzo.ru/wp-content/plugins/wp-social-popup-and-get-traffic/assets/ilenframework/core.js
media-editor | /wp-includes/js/media-editor.min.js
media-audiovideo | /wp-includes/js/media-audiovideo.min.js
mce-view | /wp-includes/js/mce-view.min.js
image-edit | /wp-admin/js/image-edit.min.js
wpseo-admin-global-script | http://vidzo.ru/wp-content/plugins/wordpress-seo/js/wp-seo-admin-global.min.js
td-wp-admin-general | http://vidzo.ru/wp-content/themes/Newspaper/wp-admin/js/general.js
td-wp-admin-panel-js | http://vidzo.ru/wp-content/themes/Newspaper/wp-admin/js/wp-admin-panel.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
thickbox | /wp-includes/js/thickbox/thickbox.css
colors | 1
ie | /wp-admin/css/ie.min.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.css
wp_social_popup_css_admin | http://vidzo.ru/wp-content/plugins/wp-social-popup-and-get-traffic/assets/css/admin.css
ilentheme-styles-admin | http://vidzo.ru/wp-content/plugins/wp-social-popup-and-get-traffic/assets/ilenframework/core.css
media-views | /wp-includes/css/media-views.min.css
imgareaselect | /wp-includes/js/imgareaselect/imgareaselect.css
wp-color-picker | /wp-admin/css/color-picker.min.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://vidzo.ru/wp-content/themes/Newspaper/wp-admin/css/wp-admin.css
wpalchemy-metabox | http://vidzo.ru/wp-content/themes/Newspaper/wp-admin/content-metaboxes/meta.css
Hi,
1. You need custom modification to add effects to images as the them doesn’t have any options for that. You can also try to find and use a plugin or try to do it yourself or hire a developer/freelancer, if you don’t have any basic css/html knowledge, to helps you with it.
Here you have some examples and tips on how to do this: http://bavotasan.com/2011/amazing-hover-effects-with-css3/
Unfortunately we cannot offer custom work as we work hard on the development, updates, fixes and support.
2. You can find a tutorial on how to use them in the readme file under “usage”: https://github.com/kni-labs/rrssb
Thanks
Hi,.
You can remove this code: http://screencast.com/t/csXIS0iYpOG or use this custom css to hide it:
.category .td_normal_slide {
display: none;
}
Thanks
Hi,
You can change the direction of your page via css, like this: http://screencast.com/t/xYPkNejUZh6z
Use the css below and paste in the custom css filed in theme panel:
.td-ajax-next-page {
right: auto !important;
background-position: -20px -20px !important;
left: 15px !important;
}
.td_ajax-prev-page {
right: auto !important;
left: 0px !important;
}
body.page-id-96 {
direction: rtl !important;
}This will only affect the /urdu page.
Thanks
Hi,
You have to add td-ss-row css class to the row in which you add the sidebar.
Here you can find the solution: https://forum.tagdiv.com/topic/hitting-a-roadblock-to-achieve-infinite-scrolling-with-smart-sidebar/
Let me know if you still have issues!
Thanks!
