- 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
Hello,
Unfortunately there is no way to increase the site width without affecting ALL the elements. Every element on the screen is positioned based on the default width. If this is changed you need to edit every element you use and adjust it to the new width. This will be no easy task and will require a bit of time and css knowledge. Unfortunately we cannot offer any custom work at the moment because we work hard on updates, fixes and support. You can hire a freelancer to do it for you if you want from sites like studio.envato.com.
Thank you for your message!
Hello Anand,
You can achieve these goals by using this custom css. It makes the trending now block not clickable and enlarges the display area for text on the mobile version.
@media (max-width: 767px){
.td-trending-now-post{
overflow:visible!important;
}
.td-trending-now-display-area{
height:45px!important
}
.td_block_trending_now {
padding: 4px 0 4px 0!important;
}
}
.td_block_trending_now a{
pointer-events:none
}
Thanks.
Hello,
You can use this custom css to fix it:
@media (max-width: 767px){
.td-main-page-wrap > .td-container > .td-pb-row:first-child > .wpb_column > .wpb_wrapper > .td_block_trending_now {
padding: 0 0 38px 0!important;
}
}
Just add the code in the theme panel->custom css box
Thanks.
Hello
For the first time I used the recomandation suggestions on a product page:
http://www.virtualmagie.com/boutique/tours-de-magie/livre-vm-5-5-viktor-vincent-christian-girard-gounico-sebastien-defrance-orelien/
But it look strange.
The background color block it is the one of the color theme so with the color text it is not readable.
Could you fix this on an next update and before that give me an CSS?
Thanks
Hi
I’ve test this on my side and the custom css fro theme panel it’s saved even after theme’s update. Please make sure that you updated the theme according with our documentation, clear all caches including browser cache and test again: https://forum.tagdiv.com/newsmag-how-to-update-the-theme/ Make sure you did a clean update, meaning that we recommend that you delete the old version of the theme before uploading the new one.
Thanks!
Hi,
Please try this custom css in Theme Panel > Custom Css – http://screencast.com/t/m80dt0PicFQ
@media (min-width: 768px) {
.single_template_1 .td-featured-image-rec {
float: right !important;
margin-right: 0 !important;
margin-left: 21px;
}
}
Thanks!
Hello,
You can use this custom css to get it done.
.td-post-content a{
color: #dd9933;
text-decoration:underline;
}
.wpb_text_column a{
color: #dd9933;
text-decoration:underline;
}
For pages i set the code to change the textbox link. If you do not use a visual composer textbox it will not work.
Thank you!
Hello,
It seems your friend is seeing the visual composer version of the tabs element. The first image is the theme version (adjusted CSS to match the rest of the theme) This was added in the previous version of the theme (6.5).
You could try to clear the cache on your friend’s computer and update her browsers to the latest version. Please test our demo page on your friend’s computer http://demo.tagdiv.com/newspaper/tabs/ If it displays the bad version it’s clearly something wrong on her end.
Please provide a link to your website so we can inspect it ourselves though and see if there are no problems.
Thanks.
Hi
First step in this process is to get the files ids so please follow this link: https://forum.tagdiv.com/how-to-make-the-site-faster/ At point 5 are explained the steps you need to take in this regard.
After you get the ids edit the td-speed-booster.php file (located in /your-wp-install/\wp-content\plugins\td-speed-booster) and add this lines of codes like here:
– for css files: http://screencast.com/t/GiBcnLERoj
– for js files: http://screencast.com/t/GAWqy0Bb6gE
Note that the Speed Booster plugin disable itself when an incompatible plugin it’s installed. We added this measure to avoid conflicts with the plugins that won’t allow to move their css/js resources at page bottom. Check in System status if the plugin is active: http://screencast.com/t/slBN4kNf To keep it always activated comment or delete the indicated lines from td-speed-booster.php: http://screencast.com/t/RZLIOPUNdqh You can check this topic for more information about sped booster usage: https://forum.tagdiv.com/topic/speed-booster-questions/
Hope this help.
Thanks!
Hi,
I have found your email in Spam. Anyway I have checked your issue and found that you use a css for h3, so please remove that fixed width, it should solve your issue – http://screencast.com/t/KX7F3C3XFJ – http://screencast.com/t/TV8gf4n3
Thanks!
How to edit the site width properly so that the content renders as it should be?
I have edited the width of the container in the style.css to 1300px, but my sidebar in a 1/6 (and other content as well) doesn’t look nice.
Thank you!
Hi
There are lots of factors that influence the site’s page-sped. I’ve checked your site with PageSpeed Insights tool and noticed that you have a slow server response time and lots of css/js resources which also slow the page load: http://screencast.com/t/zbHS570RMiK
To improve your server response time you can try to reduce the number of queries (fewer plugins, fewer blocks on page, reduce the elements which use ajax requests/pagination like mega menus/load more/infinite load), also consider using a cache plugin and to improve the loading speed look the mysql query cache: http://dev.mysql.com/doc/refman/5.1/en/query-cache.html We also use it on our demo.
Also you can use the speed booster to move the js and css at the bottom of the page, eliminate render-blocking, but not for all plugins. Check the System Status if the speed booster is active if you use other plugins than the tested ones. You can find some useful information regrading speed booster usage in this topic: https://forum.tagdiv.com/topic/speed-booster-questions/
Also you can read this guide, it may help – https://forum.tagdiv.com/how-to-make-the-site-faster/
Thanks!
Hi firetoss,
Please try the code below in Theme panel->Custom Css area, like this: http://screencast.com/t/LMc7Vc2Krqi
.td-footer-wrapper .td-icon-font {
background-color: #F6A815;
}
The result should see here: http://screencast.com/t/JqjDTvhzNQ
Thanks!
Hi blandRepublic,
Unfortunately, there is no option to change this from Theme panel. In theme panel you can change only the color for top bar social icons and mobile menu icons, like this: http://screencast.com/t/andjE7L3
For change the footer social icons it is necessary to use custom Css. Please try the code below and change this with color as you like. Add this code in Theme panel->Custom Css area, like this: http://screencast.com/t/BFbCLQEe4Z
.td-footer-wrapper .td-icon-font {
color:red;
background-color: green;
}
The result should see here: http://screencast.com/t/Byryi5lD
Thanks and let us know how it goes!
Hi
Try this css in theme panel > custom css: http://screencast.com/t/6u3Ycpo3O
.page-template-page-pagebuilder-title-php .td-page-title {
display: table;
margin-left: auto;
margin-right: auto;
margin-bottom: 0!important;
font-size: 35px;
}
.page-template-page-pagebuilder-title-php .td-page-content{
margin-top: 0;
}
3. I am not sure what you mean as the page title have h1 tags. If you want to increase the font size for it just modify the value from the above css.
Let me know how it goes and provide more details if you need a different approach on this.
Thanks!
Hi,
The travel homepage is custom, you can achieve this if you install the travel demo to check how the page is designed(there is a specific css, I have specified above about 2 extra-classes used on the rows). Also you can install the travel without content and add those 2 classes.
Another solution on this is to customize the page yourself using negative margin top on design options for row – http://screencast.com/t/umwciAYiMz
Thanks!
Hello,
1) You can use this css for the desktop version:
.td-main-menu-logo img{
margin-left:128%!important
}
You can use the same method to apply it to the tablet and mobile version of your website.
2)You can hide it using this code:
.td-header-menu-wrap-full{
display:none!important;
}
Hi there. Strangely I have one category where the theme breaks down. Basically it refuses to show all images. I have tried
-removing all custom css
-removing the background image
-disabling all (4) plugins
I do know that it is trying to load jquery Failed to load resource: the server responded with a status of 404 (Not Found)) that does not exist on the server but so far I have not been able to find the underling cause.
Chrome:
Uncaught ReferenceError: gapi is not defined(anonymous function) @ cb=gapi.loaded_1:1
cb=gapi.loaded_0:1 Uncaught ReferenceError: gapi is not defined(anonymous function) @ cb=gapi.loaded_0:1
(index):656 GET http: *
(index):663 Uncaught ReferenceError: MenuMatic is not defined(anonymous function) @ (index):663j @ jquery.js?ver=1.11.3:2k.fireWith @ jquery.js?ver=1.11.3:2m.extend.ready @ jquery.js?ver=1.11.3:2J @ jquery.js?ver=1.11.3:2
(index):657 Uncaught ReferenceError: JCaption is not defined
Any thoughts on how to deal with this? I did run a a find -name ‘jquery.min.js’ on the server and that file does not exist anywhere. So I guess basically it should not be called at all.
Hello
The princpal color theme of our site is a dark purple.
I notice that is it to close from the black and on some computer, people may not notice the difference.
http://www.virtualmagie.com/articles/critiques/videomania/orimagi-de-benoit-campana-julien-gritte/ (for exempla on rendaku).
So I supose I have to use a custom CSS.
What I have to cut/paste to have this color #dd9933 with underline by default and not underline on mouse hover?
Of course it is ONLY for the post/page inside text and not for all elements alround. 🙂
Regards
Ok 2 days to see my mistake
i did wrong between
wp_register_styles, wp_register_script, wp_enqueue_style and wp_enqueue_script
function wp_styles_reservation() {
wp_register_style('style01', get_stylesheet_directory_uri() . '/assets/css/style01.css');
wp_register_script('counter', get_stylesheet_directory_uri() . '/assets/js/counter.js');
wp_enqueue_style( 'style01' );
wp_enqueue_script( 'counter' );
}
add_action('wp_enqueue_scripts','wp_styles_reservation');
Now it works fine 🙂
I want to moving css/js resources at page bottom follow this: http://screencast.com/t/P7r6uHvvJl
//@todo test on newsmag
$this->move_style_to_footer_queue('woocommerce_frontend_styles'); //old woocommerce?
$this->move_style_to_footer_queue('woocommerce-layout');
$this->move_style_to_footer_queue('woocommerce-smallscreen');
$this->move_style_to_footer_queue('woocommerce-general');
$this->move_style_to_footer_queue('bp-legacy-css');
$this->move_style_to_footer_queue('font-awesome-four');
How to add css/js on footer- Please add my css/js file on footer. Here is my css/js file-
1. https://mydreamlives.com/wp-includes/js/jquery/jquery.js?ver=1.11.3
2. https://mydreamlives.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1
3. https://mydreamlives.com/wp-content/plugins/js_composer/assets/css/js_composer.css?ver=4.7.4
4. https://mydreamlives.com/wp-content/themes/Newspaper/style.css?ver=6.5.1
5. https://mydreamlives.com/wp-content/plugins/jetpack/css/jetpack.css?ver=3.8.0
ok, i see on internet that my code is not good,
Right?
Now my code is :
function wp_styles_reservation() {
wp_register_script('jslider', get_stylesheet_directory_uri() . '/assets/css/jslider.css');
wp_register_script('style01', get_stylesheet_directory_uri() . '/assets/css/style01.css');
wp_register_script('counter', get_stylesheet_directory_uri() . '/assets/js/counter.js');
wp_enqueue_style( 'jslider' );
wp_enqueue_style( 'style01' );
wp_enqueue_style( 'counter' );
}
add_action('wp_enqueue_scripts','wp_styles_reservation');
But it still doesn’t work.
My Stylesheet not apply on the css i use on the Page i create from “WordPress Page”.
Any idea?
Thanks in advance
I try this :
function wp_styles_reservation() {
wp_register_script('jslider', get_template_directory_uri() . '/assets/css/jslider.css');
wp_register_script('style01', get_template_directory_uri() . '/assets/css/style01.css');
wp_register_script('counter', get_template_directory_uri() . '/assets/js/counter.js');
wp_enqueue_style( 'jslider' );
wp_enqueue_style( 'style01' );
wp_enqueue_style( 'counter' );
}
add_action('wp_enqueue_scripts','wp_styles_reservation');
But it’s not working, i think my directory is wrong, but i don’t know how to resolve that.
Thanks in advance for your help
Can you please confirm if changes made in the custom CSS through the theme panel are not saved.
The changes are applied, but the css text is not saved once refreshed.