- 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
Well… I want to say
…there is no longer the stretched image but too much space between one image and another, this because if you open the page with tagDiv Composer you see Image height: 400! How Image height can be “auto” and not 400 by default? Where is this part of code on CSS or PHP files?
As I said I need to use WPBakery Page Builder on Post and specific Post Type.
Put this code generated with WPBakery Page Builder
[vc_row][vc_column][vc_single_image image="390" img_size="full"][vc_single_image image="390" img_size="full"][/vc_column][/vc_row]
And this CSS Custom code:
.td_single_image_bg {
background-size: auto !important;
}
there is no longer the stretched image but too much space between one image and another, this because if you open the page with tagDiv Composer you see height 100%! How height can be “auto” and not 100% by default? Where is this part of code on CSS or PHP files?
Hi,
Provide your website URL so I can take a closer look at your smart list and also, so I will be able to provide a more accurate CSS code for this.
Thanks.
Please provide a link to your site so I can inspect it.
The ! warning is the use of important warning and it can be ignored. A big red x is the one that break the code so if you have a red x in your custom css, then please check the code that causes it as no other css after that will work.
Thank you!
Hello,
You can use a code similar to this one that affects all the links on posts and pages.
.td-post-content a, .td-main-page-wrap a {
text-decoration:underline!important;
}
The problem with this however is that it will affect all links including blocks like so:
https://www.screencast.com/t/fXxnTeT7i71
That is why it is problematic changing link styles as there are lots of links all around a website.
In order to target just specific links, the proper way to do it is to wrap all the links you want affected by the change in a div tag like for example:
<div class="customlink"> --add link here--</div> and then you can use css like so to only target the specific links that have these tags:
.customlink a{
text-decoration:underline!important;
}
you can also add a background-color or a color to the link or a font size and it will only affect the links inside of the div.
Thank you!
Hello,
The design you mention is a custom css added to the block 15 of the business demo. Each demo will have such elements that are only available when installing that particular demo. You cannot import just specific parts of a demo unfortunately.
Thanks.
Hey,
I’m using a flebox twice on the same page – one for multiple articles and one for a single headlining article.
Is there a way I can edit the css of one of the two without affecting the other? Maybe if it’s a little tricky… setting a custom class somewhere, or creating a new flexbox template?
Hi,
I tried the code but it didn’t change anything. Also, it shows an error in the custom CSS panel for the use of exclamation mark. Please advice.
There are some great tools online to preview fonts, easily enough:
Google has an entire site where you can preview fonts, and font combinations very easily.
Same with “web safe” groups, aka “font stacks.”
SEE:
https://fonts.google.com/
and
https://www.cssfontstack.com/
Welcome to web dev!
(I don’t work here, just annoying webdinosaur ! )
Ups. Custom CSS-code above was given for Smart List Style 5: https://forum.tagdiv.com/smart-lists/
smart list number box colors:
custom CSS-code:
/* Smart List Number Box Colors */
.td_smart_list_5 .td-sml-current-item-nr {
background-color: red;
}
change the category box colors:
Hello,
https://forum.tagdiv.com/topic/hyperlink/
Why open a new topic when there is already one opened by you with the same issue. We already provide the css codes needed in that topic.
Please add this css in your theme panel – custom css box:
.td-page-content p span a{
background-color:lightgrey;
font-size:20px;
}
Thank you!
Hello,
The black template changes the background for posts from css. There is no setting for this. Each demo has it’s own specific css. If you just want a black background but the post content on a white background, you can change the demo to the default one and set a black background color: https://www.screencast.com/t/3nkOEj3MQgh3
Thank you!
Hello balu977,
Please notice that our theme does not have any such a problem regarding on CSS file dimensions and if the theme was correctly installed via FTP way, you should not have any problems. Please make a new clean install to another subdomain for testing via FTP way, clear all the caches and check the results. First of all, ensure that your system status parameters are correctly increased according to our documentation from here -> https://forum.tagdiv.com/requirements-for-newspaper/ I have tried to access your website but no success, sorry!
Notice that we have created a more useful guide for website optimizations which can be read here -> https://forum.tagdiv.com/how-to-make-the-site-faster/ Follow up the steps from here and try to optimize your website if is needed.
Thanks for your understanding!
Hello,
Sorry but the smart list pagination does not have any settings to change the position. The buttons on smart list 6 can be increased using this css code:
.td_smart_list_6 .td-smart-list-button{
padding: 18px 50px!important;
font-size: 26px;
}
You can change the font size and padding in the code and then place it in the theme panel under the custom code section.
Thank you!
Hello TheLuckyGuy,
Please provide a screenshot with your Custom CSS box so I can see that code added there.
Thanks.
I would like to let you know I am really happy with the theme and the extraordinary improvements you made in version 8.7 and 8.8. and thank you. Demo’s are perfect and super efficient to work with. For me no additional css code is needed. Everything is available to create exact the website one prefers. So many possibilities while you managed to keep things simple and efficient in meantime.
Keep on doing the good work.
Ad
I do not use the 2 composers on the same page!
Please help me to find a JS/CSS/PHP fix for this situation, thanks!
I think you can do that…
dear sir
my wapsite 9xodia.com css loading 1.2mb
page loading 1.5 mb
please how to slove for low css and page fister
Hello, i have a suggestion.
You shouldn’t load background wallpaper on all devices, those images are often 1920 px wide, big in size and not visible on mobile devices any way.
Instead the theme should use a conditional media CSS to load it only when the screen is big enough to actually see it, doing this the image itself won’t even be loaded on a mobile device.
@media only screen and (max-width: 1000px) {
body {
background-image:url("/background.jpg");
background-repeat:no-repeat;
background-attachment:fixed
}
}
Thank you.
Hi, I would like to remove the Youtube, Vimeo and VKontakte icons from my social media icons on the header and footer, how can I do this? is there any custom CSS I can use? Thanks!
Hi. .. sorry …
got major sidetrack due to being diagnosed with type II diabetes in 2014; then spent 2 years getting that under control, and 2 years “curing” it — I am now cured and drug free as of Jan 1, but I was moving a bit slowly on all fronts due to taking drugs several times a day, losing 50 lbs, hour of cardio every day, blah blah ….
Finally got around to moving our web server to HTTP/2 on May 12, 2018 (that’s how far behind I was on THAT…) …
Right now, I’ve been working through the different strategies for optimizing website based on:
A) HTTP/2
B) mod_pagespeed “on” – but tuned for bandwidth by default, then turning on select elements; optimizing config to load images via /server/path/ vs http in order to auto-generate webp format images for mobile; necessary for removing comments dynamically including stuff like TagDiv still putting in the theme version in the comments readable by bots which is invitation for hacking for edge issues with XSS and whatnot (BAD!).
C) changing approach to above the fold, due to the way HTTP/2 works; testing whether or not “front loading critical CSS” inline is needed or not; so far, using Lighthouse in Chrome, it seems to matter after all…
D) big trick is optimizing CSS to remove “unused” CSS entirely; using an online tool to scan pages, then basically generate a CSS file that is 40% smaller prior to anything else; Google’s Lighthouse now counsels on this issue, quite nicely — problem with *all* themes out there, sadly.
Since I have my own server, my optimizations are based on running number of daily updated news portals; and trying not to use external CDN and trying not to use static caching beyond opcache for PHP 7.2x and HTTP/2 et al.
Since this subject has been changing so quickly the past couple of years, the whole book thing became a bit pointless as the landscape keeps shifting.
So, again – I kind of moved over to seeing how far we could go with
– https
– php 7.2x with opcache on
– no cdn, or caching plugin in WP
– mod_pagespeed for dynamic optimizations; static /paths/to/images/
– optimized CSS and JS files
– HTTP/2 for nextgen page delivery
– yes/no above the fold critical CSS testing (still in progress!)
– yes/no placement of css/scripts header or footer (still testing!)
– yes/no on combining css and js into single files or not
How can I change the colour of category tags in homepage from black to some thing else?
Try the code below and place it in Theme panel->Custom CSS area.
.td-post-category {
background-color:red;
}
Thank you.
I was looking for this option in Appearance > Menus, but I couldn’t see it.
After you showed me I realize I should check Screen Options and there I saw Show CSS Classes was unchecked.
When trying to share an article or post to Facebook, it includes information that I do not want displayed. I’ve attached a screenshot to show what I’m talking about. The second line repeats the show title, and also shows the date, and for some odd reason shows the names of the other social sharing icons I have active on the site in the order as they appear…Facebook, Twitter, Google+,etc.
All I want is either an excerpt from the article under the title and image, or even better nothing all expect the image, the show title and maybe the date it was published. But honestly, if I can’t have anything except the title and image I would be good with that. Showing Facebook, Twitter, Google+ before any article text makes the site look amateurish, which is not what I want from the Newspaper theme. Please, could you help with this issue? I really don’t want to have to deal with using 3rd party plugins to solve this. Isn’t there some setting or custom css I can slap in and remove all that stuff in one fell swoop? Here’s a link to the main website so you can see it action for yourself:
https://davidfeldmanshow.com/
And attached is what it looks like in a preview of what will be shared to Facebook:
https://davidfeldmanshow.com/wp-content/uploads/2018/06/Michaels-No-Roy-Cohn.jpg