- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hi,
I tried the code (pasted on advance css on theme panel and tablet section, portrait and landscape, my results are below. I also tried editing the px to increase the height but it did not work.
Sidebar image works correct portrait, on homepage and pages (but not on posts)
Sidebar image is incorrect landscape, on homepage and pages (but shows correct on posts)
The header images on pages is also appearing incorrect on portrait, but shows correct landscape.
The custom code for the iframe did not work. Do you have any other ideas? The review box works perfectly landscape and portrait, however the ‘ask an expert’ section is cut off both landscape and portrait.
Please note: pages are in the main menu and posts are in the sidebar for pages
Update about sittuation…
I did add this lines to fix Leverage browser caching part ——-
# BEGIN EXPIRES
ExpiresActive On
ExpiresDefault “access plus 10 days”
ExpiresByType text/css “access plus 1 week”
ExpiresByType text/plain “access plus 1 month”
ExpiresByType image/svg+xml “access 1 month”
ExpiresByType image/gif “access plus 1 month”
ExpiresByType image/png “access plus 1 month”
ExpiresByType image/jpeg “access plus 1 month”
ExpiresByType application/x-javascript “access plus 1 month”
ExpiresByType application/javascript “access plus 1 week”
ExpiresByType application/x-icon “access plus 1 year”
# END EXPIRES
——————-
Now the result is rised up to 78/100 from 52/100 for mobile and 90/100 from 50/100 for desktops… Amazing result…
Just wondered why this is not coming with our theme? I mean that helped alot?
https://forum.tagdiv.com/the-child-theme-support-tutorial/
A sample child theme (with style.css and functions.php files) is available in the /code/ folder in the package that you downloaded form Themeforest:
it is about changes made with visual css editor in my case
Hello Catalin,
Thank you for your reply. I know you can’t change shop background color in option theme. I just ask for the CSS code, because i don’t know to use it, not a lot…. I try to find with browser inspector but it’s like alien language for me.
For background shop i got this code:
body class=” archive post-type-archive post-type-archive-product logged-in admin-bar woocommerce woocommerce-page global-block-template-1 td-black wpb-js-composer js-comp-ver-4.12.1 vc_responsive td-animation-stack-type1 td-full-layout customize-support td-js-loaded body-td-affix”
on styles part:
.td-black
background-color: #1a1a1a;
color: #eee;
/*
What i have to copy on Newspaper CSS customize? Change “black” by “white”?
A little help ll be appreciate. Thank you!
Hello sebdicam,
Yes, it’s possible but only via such a Custom CSS code because the theme does not have any such an option that allows you to do this from Theme panel, sorry! You should check the following guide here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ because there you will find how you can create your Custom CSS code based on Inspector browser.
Hope this helps!
Thanks for your understanding!
Hello,
I have inspected your website and I saw that you are using some untested plugins for your sidebar and also, I saw that you are using some iframes for that section. As a quick workaround for your first image from your sidebar, you should try using the code below and place the custom CSS code in Advanced CSS code for tablets.
The code is ->
.vc_widget_sidebar .td_block_image_box .td-custom-image a{
height:300px!important;
}
The result is here -> https://www.screencast.com/t/V65x0lVx
For the second one, I saw that you are using an iframe which cannot be set up because the code comes from an untested plugin, as you can see here -> https://www.screencast.com/t/MNgutGcvO
Sorry for this inconvenience but please notice that we cannot provide support for untested plugins, sorry!
We recommend using only the plugins which are tested with our theme if you want to bring best theme results.
Thanks for your understanding!
I made some css changes in theme Newspaper… Will the changes remain after theme update? I know that this is probably a trivial matter but I prefer to be sure.
Thanks
Thank You for answer, Simon.
This new functionality in v.8.5 is very nice, but we develop our site on template version 8.0, and because we modified many things (in the code, style.css, etc.) we cannot migrate to v.8.5 easily.
In our case, when we stretched the site to 1200px we observed, that some of thumbnails and other elements does not visualised right. Except in style.css, is there a need to modify some other file in template?
Hello,
In the thee fonts section you will find that each module in particular has it’s own font section. you can change the font for specific modules separately. Here is a list of modules used on blocks: https://forum.tagdiv.com/theme-blocks-modules/
The big grids already have a shadow under the post title so you can actually see the text.
If you need extra styling to the text, you will have to use custom css. Here is an example: https://www.w3schools.com/cssref/css3_pr_text-shadow.asp
Thank you!
Thanks a lot for your help.
1. Without doing anything, it was stretched to full width. (Any way thanks for the guidance.)
2. The given CSS code has helped me to get the desired result.
Once again thank you very much
tagdiv composer’s interface is all scrambeled when editing rows, i dont have any extra css or plugins in place that would be affecting this. I noticed this since updating to latest version of newspaper and installing the new multipurpose addon.
I also tried adding a child theme and is not recognizing it. Please help
Hi,
I believe it was a design choice to hide the excerpts for that block on mobile. I could give you a code to make them visible if you need it, the block will look like this with excerpts
– https://www.screencast.com/t/ZyTu00ZxQ
Enter the code in Theme panel->Custom code->Advanced CSS in the phones section.
.td_block_12 .td_module_11 .td-excerpt {
display: block;
}
The length of the excerpt can be controlled for each module
– https://forum.tagdiv.com/excerpts-introduction/
Thanks
Hello ubinov,
Please be more specific about what kind of changes do you want to make? What exactly you want to achieve? If you want to change the theme’s style, you should use some Custom CSS code which has to be added to Custom CSS area from Theme panel. If is not what you mean, please provide more details so I will be able to provide a more accurate response.
Thanks for the message!
Hi,
1. The rows can be stretched to full width, so you could do it like that
– https://www.screencast.com/t/A3NrzEAX
So place the ad box in a stretched row and it should be full width. Test with larger images in the ad code for best results.
2. There is a default margin for each custom ad, you could modify it with a code like this (you can try other values in the code, depending on how you would like it to look)
– https://www.screencast.com/t/fwmU4Xgf
– https://www.screencast.com/t/2yD261JAuNa8
Enter the code in Theme panel->CSutom CSS
.td-a-rec-id-custom_ad_1 > div {
margin-bottom: 22px;
}
Thanks
Hi,
You could use inner rows to multiply the columns, maybe you could create a different layout in this case
– https://www.screencast.com/t/B8LzYYuJbd
On mobile the columns will be displayed one after the other. Also a possible solution would be to hide the row or elements on mobile
– https://www.screencast.com/t/9jbTF9cfaniq
– https://www.screencast.com/t/UZbsPqVtzS
Or you could leave it like it is and I could give you a code to display the team members like this. First add a custom class to the row containing the team members
– https://www.screencast.com/t/Uy3tksy6Nb7
Then based on that class a code like this will display the members like this
– https://www.screencast.com/t/rBvRg2pCr
That could be a solution. If you decide to use it here is the code used in the example
.myclass.td-pb-row [class*="td-pb-span"] {
width: 49%!important;
float:left;
padding-left: 5px;
}
This code must be entered in Theme panel->Advanced CSS phones section.
Thanks
Hi,
Removing these elements by this method should not have an impact on SEO, they will still be loaded in the page source, but they will not be visible.
To remove the comment count in the author page author box, in both desktop and mobile
– https://www.screencast.com/t/UonRDOc6E
– https://www.screencast.com/t/xdSL2ZgLQ
.author .td-author-counters span:last-child {
display:none;
}
Enter the code in both Theme panel->Custom CSS code, and Theme panel->Mobile theme->Custom CSS section. The code will remove the comment counts in these situations.
Thanks
Hello, the website i run has more than 10 authors. And, with the team member element i am only able to add 4 members per row. That makes three rows anecessity, which looks fine on the web version. But, the mobile version has just one member filling up the screen space and making it a endless scrolling adventure. So, i was wondering if there is any way i can add 8 members per row, or a css code that optimises the mobile view. Thanks.
Hi, i was trying to put up some content so that my category pages can rank for strong keywords. I added up around 1000 words on category description. The sad thing was that the tagdiv composer does not work on category description. As i couldnot style them well the page looks horrible now.
Later i tried some tab codes with custom css. Now it looks better. But the css conflics at few places. So i was thinking if the theme dev’s can provide some style shortcodes. I thought about visual composer, but i really dont want to use any other content builder without tagdiv composer and the style short codes should not be that hard since many wordpress themes used to provide 3-4 years back.
Here is how my page looks now,
https://www.pcbuilderbd.com/c/gaming-professional-pc-price-bangladesh/
Anyone looking to style their category description, you will find the mark up here, i made few changes in css though (Let me know if you need them)
https://codepen.io/oknoblich/pen/tfjFl
Turns out it was the TagDiv Composer plugin. As soon as I turned it off, that Edit Live with CSS window went away.
Hi
I am trying to Center a banner on my Website https://www.catherine-leichsenring.de/mittelstand/
This is the css
#leaderoben1 {
position:relative;
top: 0px;
margin: auto;
}
But margin: Auto does not seem to work.
Could you please give a helping Hand?
Cheers
Hansjörg
If you’re using an outdated TagDiv themes like Newspaper or Newsmag and you suspect that your website might be infected, you can verify through our free SiteCheck scanner. Update the themes to patch the vulnerability, then inspect your blog for suspicious users. We also advise that you test your settings, change your passwords, and scan your server for any backdoors that may have been left behind.
Also, worth checking the changelog for each new version of Newsmag to check what has been patched, including any security fix.
Much like updating WordPress to fix security flaw in core WP code.
But, check your site with the Securi free scanner, and that way you will know you’re okay 🙂
CHANGELOG:
Version 4.2 – November 17, 2017
misc: Visual Composer plugin updated to the latest version
misc: Compatibility with WordPress 4.9
fix: Weather forecast
Version 4.1 – November 1st, 2017
misc: Visual Composer plugin updated to the latest version
misc: Revolution Slider plugin updated to the latest version
fix: Weather widget
fix: XSS Security issue
fix: Background click ad
Version 4.0 – July 13th, 2017
new: Challenging you to be more creative and productive, we’ve added the first page builder ever created for blogs, news and magazine websites. Newsmag 4 brings you tagDiv Composer – a lighter, faster and more efficient way to build your site. Ready to be used right on the frontend, easier than ever, seeing every change instantly.
new: Live frontend LESS and CSS editor. This allows you to quickly add CSS or LESS quick to any page of your site
new: News Magazine demo
new: Clear Voice demo
new: Sound Square demo
new: Buttons that are available in the format menu
The list of modified files
Version 3.3.1 – January 26th, 2017
fix: We modified the login modal window code to only appear on the page when front page login is enabled. This makes sure that some versions of Chrome browser will not mark the site as “Not Secure”.
Hi guys,
This might be a silly question or at least i am hoping its an easy one to answer…i am struggling changing the height of the Header style 6 on my site, i have tried using css, but i cant seem to get it right. Can you help me with this request.
Please visit mycalgary.com, i need the height of the header to be the same as the fixed header…
Hi Simion,
Thanks for your prompt reply.
As I stated in my first message, I tried changing the color on the theme panel but didn’t work…
What worries me the most is the flickering on the menu (and the banner below it) every time I select an option. I assume it must be a CSS conflict of some kind but I haven’t being able to find it.
Here’s the link of my website:
Thanks again for your attention and help,
Hoping to hear from you soon!
Hi,
This is a strange issue. Try entering this code in the header.php file located in the main theme folder, like this
– https://www.screencast.com/t/UteXCIKvZzCC
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Kanit" media="screen">
Then clear all caching and check the results. The font should apply
– https://www.screencast.com/t/8qNw6ts1AVv
Thanks
