- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hello, I’m usig the 2 Plugins, WooCommerce Menu Cart and WMPL(Language Switcher Menu) both are setup in the TopMenu of my Theme but on Mobile version it is not Horizontal Align it is LangSwitcher newline ShopingCart any options to fix this with CSS?

My Site: My Website
Hello,
I’m curious to learn more about why the featured images in posts viewed under categorizes or on the home page have the images displayed off center; they are pushed downwards of the picture frame;
Here is an example: https://www.screencast.com/t/mTwxmDYz
Can that be fixed in the theme settings or is that how the theme is coded? Perhaps there is a Custom CSS fix to center the featured images to appears on desktop how they appear centered on mobile devices?
Thank you for your help!
It’s only me so lucky? or it’s CSS bug?
check screenshot, please
Hello Bjerknez,
Sorry but the theme does not have any such an option for this! You should create your custom CSS code -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks for the message!
Hey,
Please I wanna eliminate render-blocking javascript and CSS from my website, and I don’t know how I can do it, please any ideas, my website is not fast
thanks.
Ok. But is there any way or any css that hides the Facebook Comment plugin when i create my own templates?
Hello,
Also please track your SSL implementation as it can lead to problems. I see you have mixed content errors in your browser console. It can be a cause of the issue you are facing.
Please use these guides to make the implementation properly:
http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
https://css-tricks.com/moving-to-https-on-wordpress/
https://yoast.com/dev-blog/move-website-https-ssl/
https://forum.tagdiv.com/topic/moving-to-ssl/
Thanks.
Hi,
Indeed it does, I did not see that at the time. Add this in the custom CSS and it will be fixed
– https://www.screencast.com/t/j3FU97Bq
.mfp-content .td-login-input {
display:inline-block;
}
Thanks
Hello,
Css is handled differently for each browser. That is why when you make a custom css modification you have to know of each browser’s limitation. Firefox simply does not recognize your code. you have to create another code specifically for Firefox.
Thank you!
Hello,
The cutting does not come from this particular demo. All of the big grid full elements have a center – center cutting style. You can change it to center – top for the full grids if this is needed. Please use this css code:
.td-big-grids-fl .td-thumb-css{
background-position: center top;
}
You can add the code in the theme panel under the custom css section.
Thank you!
Hi,
The theme stylesheet should contain all the CSS necessary for all elements. Removing block code from the theme files will not affect the stylesheet.
Most users minify the stylesheet for a smaller size, that would be the only proper way of reducing it.
Newspaper although similar in some way to the discontinued ionmag theme, does not share the same plugin system. All the elements are included by default, ionmag had a free version and a premium version. The difference was the premium plugins. Newspaper includes them all in one package.
In the end it depends on what pages contain, they can have multiple grids and blocks and be heavy on resources, or contain fewer elements.
So the same functionality by plugins as with ionmag would not be possible with Newspaper.
Check the forum, there are many speed optimization topics you can follow, provided by theme users.
Thanks
Hello, I waited for few updates, but even after last one, my website still have broken CSS. I tried to create new home page, even new one is broken. I tried to activate TagDiv Composer, it cant be activated under plugins.
And regarding broken, here are few examples http://prntscr.com/kgu0ui and http://prntscr.com/kgu1ad
Website is BalkanAndroid.com
PS:
Why don’t you update Newsmag often as Newspaper? I bought it because I thought its gonna be maintained to the same, but just have different layout, yet it like orphan comparing to Newspaper
Hello, I have created a 3 column menu using CSS [ screenshot URL – ” http://prntscr.com/kgphgd ” ] but it’s not working on Mozilla Firefox browser [ screenshot URL ” http://prntscr.com/kgpk09 ” ] Please give me right solutions to fix it.
Regards
AZAHAR AHMED
Hello,
I have added the following code to my custom CSS to get a blog grid to flip horizontally:
.flipgrid td_block_big_grid_1 .td-big-grid-post{ float:right!important; }
My site is: http://icelandin8days.com.
I set flipgrid as the extra class in that block.
It is currently not working properly. Please advise. Thank you!
Hi there all:
I have decided to switch from the old composer (Bakery) to the TagDiv composer which I consider there have more benefits than the Bakery one (overall because of the css minification, speed, updates, bla bla bla…). I am preparing all pages of my website and living them as draft until the final moment come, but i am not sure how to do the final stage (change my old pages to the new ones without loosing all). Do you guys have any video or tutorial about how to do it right??
Thanks in advance 4 any tip
The problem is that style.css include style for all modules and blocks even if I use only one block type. The file style.css is 1.1MB (900K minified): very big! Is possible to dynamically generate the css only for the used block or template? The theme ionMag have additional block and modules in external plugin and for this reason the style.css file is only 450K (340KB minified). In newspaper theme the file td_config.php is 900KB and takes 0.2 seconds to execute (on my VPS). My question: is possible to make the theme “modular” so I can decide which modules or blocks to enable in order to reduce the size of every page of the site?
Alternatively, it would be sufficient to have a minimal theme with only one block/template/module type and add other type, if necessary, in the child theme with the wp_booster API.
Is possible to have a “minimal” version of the newspaper theme?
Thank in advance.
Excuse me for my bad English.
Hi,
I see now what you mean. The sidebar setting in the theme panel will work properly on bbpress pages, seems buddypress also shows the default sidebar. But to change it and it’s position there are no specific settings.
I also made some tests with pages created with the composer and buddypress shortcodes, then I set those pages as buddypress pages
– https://www.screencast.com/t/PxdSEXPjw
– https://buddydev.com/docs/buddypress-shortcodes/buddypress-members-list-shortcode/
The shortcodes work as soon as the custom page is set in the buddypress settings, but the sidebar position is still on the right no matter how I position it in the composer
– https://www.screencast.com/t/G9AgGcIBD
– https://www.screencast.com/t/FB4qjz5pSl4
Some CSS might work in that case, to make all buddypress sidebars stay to the left
– https://www.screencast.com/t/D9DvH0CmghhB
.buddypress .td-pb-span8.td-main-content {
float:right;
}
Since buddypress pages will show the default sidebar, you could set a different custom sidebar for bbpress
– https://www.screencast.com/t/auAQzqdx
So buddypress pages will show the default sidebar (no settings to change it), and bbpress will show the sidebar set in the theme panel.
I don’t exactly know why all of this happens. Specifically for buddypress there are no theme settings, the template settings are created for bbpress. I will make a note of this and pass it along. Sorry for the inconvenience.
Thanks
Hi,
Please try and not reply in your own topic multiple times. This will only delay the answer on our part. It will refresh the topic date and move it to the back of the line. We answer all topics from oldest to newest, which is fair.
For that particular border there is no specific color setting. The color you set as theme accent will be used
– https://www.screencast.com/t/KG5x0VcdV
The theme accent color will be used for various elements to provide a general look.
If you don’t want to change the theme accent color just for that border, you could chnage the color with some CSS
– https://www.screencast.com/t/bRkpslWvtLz
This is the code used in the example, you can use any color you want. CSS codes can be entered in the Theme panel->Custom code, CSS section
.td-header-wrap .td-drop-down-search:before {
border-color: transparent transparent yellow transparent;
}
.td-header-wrap .td-drop-down-search:after {
background-color: yellow;
}
Thanks
Hello,
The image is added as a row background. You simply have to click the image and then under the row settings click the css tab and change the image here: https://www.screencast.com/t/a1sAByf6vH
Thank you!
Hello zlatanwil,
Please notice that the speed of your website depends on how well your site is optimized.
-> https://developers.google.com/speed/pagespeed/insights/?hl=ro&url=http%3A%2F%2Fyesitreallyhappened.com%2F&tab=desktop
Notice that is not a simple task and if you do not have any experience in this regard you will do not bring good results for the theme. Also, notice that we have a speed optimization tutorial but this is addressed only to advanced users. So, if you follow the steps which are presented in this tutorial here -> https://forum.tagdiv.com/how-to-make-the-site-faster/ you can increase the page speed loading and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because the speed optimization services are not covered by our support policy, as you can read here -> https://forum.tagdiv.com/support-policy-2/ Check our documentation here -> https://forum.tagdiv.com/requirements-for-newspaper/ regarding on dedicated server to fit our requirements.
Notice that the function which have to be added in functions.php is -> td_inspect_scripts() as you can see in our useful guide.
Unfortunately, our theme does not have such an option to minify the style.css file and we cannot recommend any plugins with this functionality because is not tested with our theme. For minifying this file, we are using CloudFlare for our demo and works fine. If you want to read other views from our users, please check this topic -> https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
Also, check all of your Ad Spots and if you have entered any suspicious code through them, remove all of them and check the results without them.
One of our top members here on the forum wrote his own optimization tutorial here:
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/ and here -> https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
Basically, these are the theme requirements
– https://forum.tagdiv.com/requirements-for-newspaper/
Thanks for your understanding!
Hi,
When a background color is used like in this case, the website will be boxed. Every full width elements will be boxed. That featured image would be full width if there was no background set
– https://demo.tagdiv.com/newspaper/td-post-lenovo-details-new-computers-that-could-be-heading-our-way-in-2015/
It would be very hard to modify the post header with CSS to break from the general container in this case.
Thanks
Hi Simion, thanks for your help. I was unable to find a way to change the og:description through WordPress (WordPress settings, plugins, theme settings, etc.) but I managed to change it in the database. Now, if I look at the html <head> of my home page “http://www.great-taste.net/”, the og:description meta tag shows that its content is blank (which is okay by me for now, it’s better than showing VC shortcode). However, going to the Facebook debugger site and forcing Facebook to scrape my homepage still yields the “[vc_row_inner css=”.vc_custom_144487…” as shown in the debugger. Any idea why this might be happening?
Whoops, this is link for datatables.net CSS. But I think same effect it with boostrap. So question is for both of these.
I’m importing this CSS into Newspaper > Header.php but it’s changing the font for the entire theme. Is there a way to target the CSS only to the data tables? Ik maybe inline CSS but I have dozens of pages so that might be messy. Thanks.
Thanks.
In the admin I put white and add your CSS but now on Chrome and Edge the video title black instead of white:
https://www.virtualmagie.com/articles/autres/interviews/jan-madd-2016/
I tried to put black but no change.
The idea is on image backgroung titles must be white and under the image, black.
Regards