- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hi,
Unfortunately Newsmag theme was initially designed at this width – 1021px – with an fixed grid layout, responsive as it is fluid and style for desktop/tables/mobile screens. So changing the width would not be easy as it needs changing the width value for all elements on pages and for this you would need custom work. Also on pages you can use full width row to display your add your banner/ad – http://screencast.com/t/0c0sCetT
If you have basic css/html experience and you want to do this for post pages please check this topic, but you may need additional customziations – https://forum.tagdiv.com/topic/728-x-90px-ads-in-article-inline-ads/#post-43914
I’m not sure what you want to do with thumbnails, you can try to add on your page only blocks that use the same size for thumbnails – you can see here thumbs size on blocks to make an idea – http://screencast.com/t/pgn9npc915B
Also if you want to change the thumb size for a block/module here you can find the code – http://screencast.com/t/Pvy1eMnun if you make any change here please regenerate thumbnails using – https://forum.tagdiv.com/how-to-fix-strange-thumbnails/ Please note that if you create a new thumb there you have to change it also in the module file, for example – http://screencast.com/t/Ns1kn4ECxVNk
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
Glad that your solved this!
Unfortunately is usually happens because of the speed booster plugin which move the css and js at the bottom of the page structure so that the page will load faster, this is why the theme’s color appears first then changes, because of the cascading property of css. To avoid this you could try to make the changes directly into theme’s style file.
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
Please disable all plugins leave just Visual Composer active, clear cache and purge your files if you use CDN, also please disable all css/js minification and check again if you still have this issue. You have some errors in the console and also ajax pagination(that’s why you have issues with smartlist) doesn’t work – http://screencast.com/t/4vTI8nJte51
Thanks!
I’ve semi solved the problem by changing the css file to load it white instead. I lose the text in the header momentarily however but I am ok with this I suppose. Thank you.
Hi,
As you can see the plugin’s css overwrite the default theme color for links – http://screencast.com/t/BFRWzyiqc1 Unfortunately the disqus’s plugin iframe can’t be altered using custom css code like already Lucian stated above. You can check the plugins settings if this can be changed from there. You can also address to plugin’s support – https://wordpress.org/support/plugin/disqus-comment-system
Thanks!
Hi,
This is the default css for subtitles – http://screencast.com/t/Yke3Rr909
So you can use this class to target and customize it – http://screencast.com/t/yONAyMwu8Cx
.post .td-sub-title {
font-size: 20px;
font-style: inherit;
}
Thanks!
Basically youre going to have to carefully audit every plugin you use and see if better option.
I did a post someplace on how to not use google fonts… Dont have that handy.
I think you need to edit style.css to remove any google font then also comment out the sections in the theme includes functions file to not load any font from google.
Hi Chris: Thank you appreciated!
1) I will check with my hosting again, I was told gzip was set up
2) I try to reduce the loading from the external source, I moved the weather and map to other page
3) I don’t know what to do with this
“And loading 50 CSS/js files is realllllllllllly bad.” this beyond my reach, I don’t know what to do with this, but thank you
4) I will look at plugins again.
5) I don’t know what to do with this
“You might have to hack all that stuff to load via “sync” mode; possibly use the speed booster framework to queue it properly (see docs — not simple).” but thank you
6) How can I cut back google fonts? I did not find any setting at template.
7) I will see if I can reduce the file size
Loading this giant file likely not good:
https://cisocial.net/social/file/pic/yndirectory/2015/04/4ff3adbcaf396e4f41b4928574fa4392_200.png could save 379.0KiB (96% reduction).
8) I am not sure what to do with these (but I try to move it out of the front page)
This is whacko too
•http://cisocial.net/wp-content/plugins/wp-user-frontend-pro/assets/js/jquery-ui-timepicker-addon.js?ver=4.2.2 (38.4KiB)
•http://cisocial.net/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.11.4 (29.7KiB)
Again, thank you
Likely good to look at the suggestions from GTmetrix on what to fix …
anything below ’60’ usually means gzip/deflate not actually enabled; and time to live settings not properly set, etc. — but GTmetrix is good at spelling out WHAT the heck is wrong with suggestions.
Remember you should not have more than 4 things being loaded from external sources, or it does really slow down the site as all that other stuff has to be loaded every time a page is loaded in browser.
Also better to test a post page than home page, since few actually go to your home page from search online or RSS, etc.
All those maps things loading from Google slow things down.
And loading 50 CSS/js files is realllllllllllly bad.
You need to seriously cut down on the plugins, find better ones without so much CSS, so many hooks into jquery, see link at bottom of TagDiv speed docs info about tips to optimize contact form 7; figure out how to hide CSS from loading on pages where not being used, etc.
Your weather widget is loading five (5) files!! That’s awful.
You might have to hack all that stuff to load via “sync” mode; possibly use the speed booster framework to queue it properly (see docs — not simple).
With all the crap you’re loading (sorry), you should ALSO not use any Google fonts at all and load ONLY ‘web safe’ fonts like Georgia, Arial, Verdana, etc.
Loading this giant file likely not good:
https://cisocial.net/social/file/pic/yndirectory/2015/04/4ff3adbcaf396e4f41b4928574fa4392_200.png could save 379.0KiB (96% reduction).
This is whacko too
•http://cisocial.net/wp-content/plugins/wp-user-frontend-pro/assets/js/jquery-ui-timepicker-addon.js?ver=4.2.2 (38.4KiB)
•http://cisocial.net/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.11.4 (29.7KiB)
70KB for a date picker???
You have a *lot* of work to do!
Start by removing everything that is badly implemented/coded (like the above weather and date picker stuff), cut back on the Google fonts, etc.
Page should not take longer than 1.5 seconds to load, ideally and your home page is about twice the size it should be ideally (put another way if you remember flopy diskettes? Your page takes 2 full floppies of data to load!!!!):
Page load time: 8.97s
Total page size: 2.73MB
Total number of requests: 161
Hi!
I’d like to change the font size and style for subtitles and I don’t see it in the Custom Typography section of the Theme Panel. Can you tell me where it would be or what to type in the Custom CSS to target it?
Thanks!
Hi,
Please test this also with a default theme and see if it works.
Also when you check this with our theme please make sure that you disable cloudFlare, rocket loader and disable all css/js minification.
Thanks!
Hi,
You can translate it using Translation section – http://screencast.com/t/Hjzjk1gDD and you can change the background color using custom css in Theme Panel > Custom Css – http://screencast.com/t/7LdsTahIdIFh
.td_read_more {
background-color: red !important;
}
Also if you want to hide it you can use custom css code. For example to hide the button for block 9 on homepage – http://screencast.com/t/VdLdmXrmeQ
.home .td_block9 .td_read_more {
display: none;
}
Thanks!
Upon closer inspection it appears to be the ‘enqueueStyle’ function starting at line 540 in class-vc-base.php in plugins/js_composer/include/classes/core.
If I comment out the line ‘wp_enqueue_style( ‘js_composer_front’ );’ the error goes away.
/**
* Enqueue base css class for VC elements and enqueue custom css if exists.
*/
public function enqueueStyle() {
$post = get_post();
if ( $post && preg_match( '/vc_row/', $post->post_content ) ) {
wp_enqueue_style( 'js_composer_front' );
}
wp_enqueue_style( 'js_composer_custom_css' );
}
Hi Alin, thanks for getting back,
I can see the theme doesn’t do this out of the box, and I can obviously change the color sitewide, or block wide, with css as I have now: http://fundforumlive.com.gridhosted.co.uk/
I’m really looking for some guidance as to how this can be achieved, not just a … we don’t do that.
It’s done on the post page, so it is doable.
I’m also looking to add the tags, styled as per the current post page sidebar widget on my dev site above to the thumbs.
Any help would be much appreciated.
Hi,
Unfortunately the theme doesn’t have an option for category tags to be colored on modules/blocks, this is applied only for posts pages like you figured out. You can change the category background and color on modules using custom css but it will be the same color for all of your categories.
If you use this custom css you will change the color for categories on all modules(set a general color) – http://screencast.com/t/I1rAN1gGo4J
.td-post-category {
background-color: rgb(192, 80, 80);
color: rgb(51, 51, 178);
}
Or you can do it only on specific blocks – check this topic as reference – https://forum.tagdiv.com/topic/change-category-tag-color/#post-51465
Hope this helps!
I try to put this in my style.css, but it dont help me…
a.publisher-anchor-color {
color: #00ccff;
Hi,
You can achieve this using style 6, but you have to make a change in file template – http://screencast.com/t/x1w5V0IqBvt
Result – http://screencast.com/t/rIwo3pcKK
Also for footer please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/ACbsrNMxB
.td-footer-container {
width: 100%;
}
.td-footer-container .td-pb-row {
width: 1021px;
margin: 0 auto;
}
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
You can try to add margin bottom there. You can try this custom css in Theme Panel > Custom Css – http://screencast.com/t/RpKuRz7Dzwt
.block-mega-child-cats {
margin-bottom: 20px;
}
Thanks!
ALSO:
since it got buried a bit …
LUCIAN … when you can, note my item a few posts back this thread about updated code for hiding the SHIM on post page meta to not load CSS every page.
Was trying not to start new thread which would confuse a lot of folks 🙂
(but I will if I have to … nyah hah hahhhh!)
Hello. I am not coder, can you tell me what code i will to put in style.css to correct it?
Thank you.
Marius/Radu..
going to post this here since relevant to the SHIM users and also those who follow my thread on optimizations … somebody brought up good point I had forgotten about …. any ideas for updating this functions.php element to remove the SHIM css from the post pages … this code you provided for the VC plugin obviously doesn’t work for the SHIM; and I have hunch we might have to put something into one of the booster files also?
——–old code you created to hide VC css from post pages — does not hide SHIM css on post pages————snip:
add_action('init', 'myoverride', 100);
function myoverride() {
remove_action('wp_head', array(visual_composer(), 'addMetaData'));
}
function dequeue_visual_composer_css() {
if (is_single()) {
wp_dequeue_style('js_composer_front');
}
}
add_action('wp_enqueue_scripts', 'dequeue_visual_composer_css', 1003);
———-/snip
thank you kindly 🙂
-
This reply was modified 11 years by
simchris.
Thanks you – I’ve used the custom CSS – works a treat!
Hi,
Your image width must be at least 745x483 as you can see on our demo – http://screencast.com/t/Ohpp7LDCNPwx to fill the whole container. If your featured image is smaller, please note that WordPress doesn’t enlarge images and you will need to use plugin like Thumbnail Upscale to enlarge thumbnails: https://wordpress.org/plugins/thumbnail-upscale/ For upscale use a combination of plugins Thumbnail Upscale + Force Regenerate.
Or you can enlarge it via custom css in Theme Panel > Custom Css: http://screencast.com/t/JfylXNZ08G
.td_block_big_grid .td-big-grid-post-0 .entry-thumb {
width: 100%;
}
Thanks!
Hi,
You can add some margin right to the author using custom css – http://screencast.com/t/TCc3qgoqkW
.meta-info .td-block-author {
margin-right: 2px;
}
Thanks!
Hi,
Please add it in Theme Panel > Custom Css: http://screencast.com/t/6xRZzwgo8px9 and try to use !important if this is not applied:
.home .td-page-wrap .td-grid-wrap {
padding-top: 0px !important;
}
Thanks!