- 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
Hi,
For this you need to use the padding from css tab like this -> https://i.imgur.com/Z6aHldV.jpg set the number that will get better for your results.
Hope this will help you!
Thank you!
Hi,
Indeed the css is duplicate on demos that are not PRO, on old demos, where it was need to load the entire css to display correctly the website, on PRO demos is loading only the stile that is need, and this problem is solved.
Thank you for your understanding!
Hello !
For that you can use this CSS Code: .category-133 .td-category {
display:none;
}
The code must be inserted in here: https://www.screencast.com/t/s61BcemS2eW
Thank you !
Hi,
As I can see now the link from the author box is link to homepage not to author page how it should be -> https://i.imgur.com/wWTnuL4.png, maybe the author archives are disabled in the Yoast plugin, if they are author links will be redirected to the homepage. Check if that is the case – http://prntscr.com/mbwwuk
How ever if you still want to remove the clickable from the image you ca use this custom css -> https://i.imgur.com/JHWFv4a.png
.author-box-wrap a{
pointer-events: none;
text-decoration: none;
}
The code need to be set in theme panel> custom code> custom css.
Hope this will help you!
Thank you!
Hi,
In order to change the margins set from embed videos you’ll need to use a custom css like this one -> https://i.imgur.com/ZW9zuMc.png
.single .lyte-wrapper {
margin-bottom: 31px!important;
}
The code need to be set in theme panel> custom code> custom css.
Hope this will help you!
Thank you!
Example screenshots: https://imgur.com/hQ38Ivi
Example Page: https://www.techlifeland.com/diy-guitar-kit/
I know this request is going to sound strange, but my boss’s SEO technician has asked me that when the list of posts is shown in a category, its title appears with H3. I have been asked to go as it is but instead of being an H3 it is an H2.
I suppose that this is done in some of the template files and tb modify some of the css.
If you can guide me, I appreciate it.
Thank you very much and greetings
Hi,
For this you need to set your mailChimp with tagDiv Composer in the newsletter element like this and set the style 8 https://i.imgur.com/JcLrUP7.png -> https://i.imgur.com/KeoAVSY.jpg adn to set the black background you need to set it from css tab -> https://i.imgur.com/zByUbzv.jpg
Hope this will help you!
Thank you!
I don’t think the problem is related to RTL, css coding do not cause page to freeze, now i removed the slider and replace it with a single post, the problem is gone.
Hi,
Is look that the css is not applied because is not set write, the works are connected between theme and this is not good, this should look like this -> https://i.imgur.com/e4qtYEb.png so in order to work properly, you need to set the css code and js code in theme panel> custom code> this code will be set in css
.tg {border-collapse:collapse;border-spacing:0;border-color:#bbb;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#bbb;color:#594F4F;background-color:#E0FFEB;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#bbb;color:#493F3F;background-color:#9DE0AD;}
.tg .tg-c3ow{border-color:inherit;text-align:center;vertical-align:top}
.tg .tg-4qqe{font-weight:bold;font-size:22px;border-color:inherit;text-align:center;vertical-align:top}
.tg .tg-7jts{font-size:18px;border-color:inherit;text-align:center;vertical-align:top}
.tg-sort-header::-moz-selection{background:0 0}.tg-sort-header::selection{background:0 0}.tg-sort-header{cursor:pointer}.tg-sort-header:after{content:'';float:right;margin-top:7px;border-width:0 5px 5px;border-style:solid;border-color:#404040 transparent;visibility:hidden}.tg-sort-header:hover:after{visibility:visible}.tg-sort-asc:after,.tg-sort-asc:hover:after,.tg-sort-desc:after{visibility:visible;opacity:.4}.tg-sort-desc:after{border-bottom:none;border-width:5px 5px 0}
-> https://i.imgur.com/uKTfHei.png
this code will be set in custom javascript
var TGSort=window.TGSort||function(n){"use strict";function r(n){return n?n.length:0}function t(n,t,e,o=0){for(e=r(n);o<e;++o)t(n[o],o)}function e(n){return n.split("").reverse().join("")}function o(n){var e=n[0];return t(n,function(n){for(;!n.startsWith(e);)e=e.substring(0,r(e)-1)}),r(e)}function u(n,r,e=[]){return t(n,function(n){r(n)&&e.push(n)}),e}var a=parseFloat;function i(n,r){return function(t){var e="";return t.replace(n,function(n,t,o){return e=t.replace(r,"")+"."+(o||"").substring(1)}),a(e)}}var s=i(/^(?:\s*)([+-]?(?:\d+)(?:,\d{3})*)(\.\d*)?$/g,/,/g),c=i(/^(?:\s*)([+-]?(?:\d+)(?:\.\d{3})*)(,\d*)?$/g,/\./g);function f(n){var t=a(n);return!isNaN(t)&&r(""+t)+1>=r(n)?t:NaN}function d(n){var e=[],o=n;return t([f,s,c],function(u){var a=[],i=[];t(n,function(n,r){r=u(n),a.push(r),r||i.push(n)}),r(i)<r(o)&&(o=i,e=a)}),r(u(o,function(n){return n==o[0]}))==r(o)?e:[]}function v(n){if("TABLE"==n.nodeName){for(var a=function(r){var e,o,u=[],a=[];return function n(r,e){e(r),t(r.childNodes,function(r){n(r,e)})}(n,function(n){"TR"==(o=n.nodeName)?(e=[],u.push(e),a.push(n)):"TD"!=o&&"TH"!=o||e.push(n)}),[u,a]}(),i=a[0],s=a[1],c=r(i),f=c>1&&r(i[0])<r(i[1])?1:0,v=f+1,p=i[f],h=r(p),l=[],g=[],N=[],m=v;m<c;++m){for(var T=0;T<h;++T){r(g)<h&&g.push([]);var C=i[m][T],L=C.textContent||C.innerText||"";g[T].push(L.trim())}N.push(m-v)}t(p,function(n,t){l[t]=0;var a=n.classList;a.add("tg-sort-header"),n.addEventListener("click",function(){var n=l[t];!function(){for(var n=0;n<h;++n){var r=p[n].classList;r.remove("tg-sort-asc"),r.remove("tg-sort-desc"),l[n]=0}}(),(n=1==n?-1:+!n)&&a.add(n>0?"tg-sort-asc":"tg-sort-desc"),l[t]=n;var i,f=g[t],m=function(r,t){return n*f[r].localeCompare(f[t])||n*(r-t)},T=function(n){var t=d(n);if(!r(t)){var u=o(n),a=o(n.map(e));t=d(n.map(function(n){return n.substring(u,r(n)-a)}))}return t}(f);(r(T)||r(T=r(u(i=f.map(Date.parse),isNaN))?[]:i))&&(m=function(r,t){var e=T[r],o=T[t],u=isNaN(e),a=isNaN(o);return u&&a?0:u?-n:a?n:e>o?n:e<o?-n:n*(r-t)});var C,L=N.slice();L.sort(m);for(var E=v;E<c;++E)(C=s[E].parentNode).removeChild(s[E]);for(E=v;E<c;++E)C.appendChild(s[v+L[E-v]])})})}}n.addEventListener("DOMContentLoaded",function(){for(var t=n.getElementsByClassName("tg"),e=0;e<r(t);++e)try{v(t[e])}catch(n){}})}(document)
-> https://i.imgur.com/rOUKtOt.png
and this code will be set in the post content in code editor
<table id="tg-WD84p" class="tg">
<tbody>
<tr>
<th class="tg-4qqe" colspan="4"> Total Vacancy Details</th>
</tr>
<tr>
<td class="tg-7jts" colspan="4"> Graduate Executive Trainee
NEW JOB NOTIFICATION</td>
</tr>
<tr>
<td class="tg-c3ow"> S.No</td>
<td class="tg-c3ow"> Post name</td>
<td class="tg-c3ow"> Number of Post</td>
<td class="tg-c3ow"> Qualification</td>
</tr>
<tr>
<td class="tg-c3ow"> 1</td>
<td class="tg-c3ow"> Mechanical</td>
<td class="tg-c3ow"> 125</td>
<td class="tg-c3ow"> Bachelor Degree (Mechanical
Engg)</td>
</tr>
<tr>
<td class="tg-c3ow"> 2</td>
<td class="tg-c3ow"> Electrical (EEE)</td>
<td class="tg-c3ow"> 65</td>
<td class="tg-c3ow"> Bachelor Degree (Electrical
Engg)</td>
</tr>
<tr>
<td class="tg-c3ow"> 3</td>
<td class="tg-c3ow"> Electrical (ECE)</td>
<td class="tg-c3ow"> 10</td>
<td class="tg-c3ow"> Bachelor Degree (Electronics
& Communication Engg)</td>
</tr>
<tr>
<td class="tg-c3ow"> 4</td>
<td class="tg-c3ow"> Civil</td>
<td class="tg-c3ow"> 5</td>
<td class="tg-c3ow"> Bachelor Degree (Civil Engg)</td>
</tr>
<tr>
<td class="tg-c3ow"> 5</td>
<td class="tg-c3ow"> Control &
Instrumentation</td>
<td class="tg-c3ow"> 15</td>
<td class="tg-c3ow"> Bachelor Degree
(Instrumentation &</td>
</tr>
<tr>
<td class="tg-c3ow"> 6</td>
<td class="tg-c3ow"> Computer</td>
<td class="tg-c3ow"> 5</td>
<td class="tg-c3ow"> Bachelor Degree (Computer
Science/ Computer Engg/ Information Technology)/ PG Degree (Computer)</td>
</tr>
<tr>
<td class="tg-c3ow"> 7</td>
<td class="tg-c3ow"> Mining</td>
<td class="tg-c3ow"> 5</td>
<td class="tg-c3ow"> Bachelor Degree (Mining
Engineering)</td>
</tr>
<tr>
<td class="tg-c3ow"> 8</td>
<td class="tg-c3ow"> Geology</td>
<td class="tg-c3ow"> 5</td>
<td class="tg-c3ow"> M.Tech/ M.Sc (Geology)</td>
</tr>
<tr>
<td class="tg-c3ow"> 9</td>
<td class="tg-c3ow"> Finance</td>
<td class="tg-c3ow"> 14</td>
<td class="tg-c3ow"> CA/ CMA/ Degree (Any
Discipline)</td>
</tr>
<tr>
<td class="tg-c3ow"> 10</td>
<td class="tg-c3ow"> Human Resource</td>
<td class="tg-c3ow"> 10</td>
<td class="tg-c3ow"> Degree (Any Discipline), PG
Degree/ Diploma (Relevant Discipline)</td>
</tr>
</tbody>
</table>
-> https://i.imgur.com/JE2jQlG.png
Hope this will work better now!
Thank you!
Hello !
You can use this CSS code: #td-mobile-nav .td-menu-login-section {
display:none;
}
The code must be inserted in here: https://www.screencast.com/t/s61BcemS2eW
Thank you !
Hi,
Unfortunately, CSS Live box is not workingin my site, how can I fix it?
Thanks.
Hi. I used newspaper 10.3.1 Ver and tagDiv Composer and
tagDiv Standard Pack
there are so many problems in CSS (Home/backgrounds/mobile menus and search and so on)
I already updated my newspaper Theme, but I cannot fix it.
do you have any suggestions to fix these problems?
please help !!!
Hello,
I’m using newspaper x theme (newspaper sport) for an RTL website, but there are so many problems in CSS (backgrounds/mobile menus and search)
do you have any suggestions to fix these problems?
Hi,
You can use these plugin with our theme, but you’ll need to find the right settings for that will not cause problem, unfortunately we can not say what are the settings, sorry! In most cases the problems appear from js and css minify settings.
Also if you are only deleting the theme file and plugins, thee will not affect the settings and cloud templates, all these are saved in database, but we always recommend to make firs a backup and only after that to make the theme update/reinstall.
Thank you for your understanding!
Hi,
You can use these plugins with our theme, but you’ll need to find the right settings for them, unfortunately we can not say what are the settings, sorry! In most cases the problems appear from js and css minify settings.
Thank you for your understanding!
table code is <style type="text/css">
.tg {border-collapse:collapse;border-spacing:0;border-color:#bbb;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#bbb;color:#594F4F;background-color:#E0FFEB;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#bbb;color:#493F3F;background-color:#9DE0AD;}
.tg .tg-c3ow{border-color:inherit;text-align:center;vertical-align:top}
.tg .tg-4qqe{font-weight:bold;font-size:22px;border-color:inherit;text-align:center;vertical-align:top}
.tg .tg-7jts{font-size:18px;border-color:inherit;text-align:center;vertical-align:top}
.tg-sort-header::-moz-selection{background:0 0}.tg-sort-header::selection{background:0 0}.tg-sort-header{cursor:pointer}.tg-sort-header:after{content:'';float:right;margin-top:7px;border-width:0 5px 5px;border-style:solid;border-color:#404040 transparent;visibility:hidden}.tg-sort-header:hover:after{visibility:visible}.tg-sort-asc:after,.tg-sort-asc:hover:after,.tg-sort-desc:after{visibility:visible;opacity:.4}.tg-sort-desc:after{border-bottom:none;border-width:5px 5px 0}</style>
<table id="tg-WD84p" class="tg">
<tr>
<th class="tg-4qqe" colspan="4"><br> Total Vacancy Details<br> </th>
</tr>
<tr>
<td class="tg-7jts" colspan="4"><br> Graduate Executive Trainee<br> NEW JOB NOTIFICATION</td>
</tr>
<tr>
<td class="tg-c3ow"><br> S.No<br> </td>
<td class="tg-c3ow"><br> Post name<br> </td>
<td class="tg-c3ow"><br> Number of Post<br> </td>
<td class="tg-c3ow"><br> Qualification<br> </td>
</tr>
<tr>
<td class="tg-c3ow"><br> 1<br> </td>
<td class="tg-c3ow"><br> Mechanical<br> </td>
<td class="tg-c3ow"><br> 125<br> </td>
<td class="tg-c3ow"><br> Bachelor Degree (Mechanical<br> Engg)<br> </td>
</tr>
<tr>
<td class="tg-c3ow"><br> 2<br> </td>
<td class="tg-c3ow"><br> Electrical (EEE)<br> </td>
<td class="tg-c3ow"><br> 65<br> </td>
<td class="tg-c3ow"><br> Bachelor Degree (Electrical<br> Engg)<br> </td>
</tr>
<tr>
<td class="tg-c3ow"><br> 3<br> </td>
<td class="tg-c3ow"><br> Electrical (ECE)<br> </td>
<td class="tg-c3ow"><br> 10<br> </td>
<td class="tg-c3ow"><br> Bachelor Degree (Electronics<br> & Communication Engg)<br> </td>
</tr>
<tr>
<td class="tg-c3ow"><br> 4<br> </td>
<td class="tg-c3ow"><br> Civil<br> </td>
<td class="tg-c3ow"><br> 5<br> </td>
<td class="tg-c3ow"><br> Bachelor Degree (Civil Engg)<br> </td>
</tr>
<tr>
<td class="tg-c3ow"><br> 5<br> </td>
<td class="tg-c3ow"><br> Control &<br> Instrumentation<br> </td>
<td class="tg-c3ow"><br> 15<br> </td>
<td class="tg-c3ow"><br> Bachelor Degree<br> (Instrumentation &<br> </td>
</tr>
<tr>
<td class="tg-c3ow"><br> 6<br> </td>
<td class="tg-c3ow"><br> Computer<br> </td>
<td class="tg-c3ow"><br> 5<br> </td>
<td class="tg-c3ow"><br> Bachelor Degree (Computer<br> Science/ Computer Engg/ Information Technology)/ PG Degree (Computer)<br> </td>
</tr>
<tr>
<td class="tg-c3ow"><br> 7<br> </td>
<td class="tg-c3ow"><br> Mining<br> </td>
<td class="tg-c3ow"><br> 5<br> </td>
<td class="tg-c3ow"><br> Bachelor Degree (Mining<br> Engineering)<br> </td>
</tr>
<tr>
<td class="tg-c3ow"><br> 8<br> </td>
<td class="tg-c3ow"><br> Geology<br> </td>
<td class="tg-c3ow"><br> 5<br> </td>
<td class="tg-c3ow"><br> M.Tech/ M.Sc (Geology)<br> </td>
</tr>
<tr>
<td class="tg-c3ow"><br> 9<br> </td>
<td class="tg-c3ow"><br> Finance<br> </td>
<td class="tg-c3ow"><br> 14<br> </td>
<td class="tg-c3ow"><br> CA/ CMA/ Degree (Any<br> Discipline)<br> </td>
</tr>
<tr>
<td class="tg-c3ow"><br> 10<br> </td>
<td class="tg-c3ow"><br> Human Resource<br> </td>
<td class="tg-c3ow"><br> 10<br> </td>
<td class="tg-c3ow"><br> Degree (Any Discipline), PG<br> Degree/ Diploma (Relevant Discipline)<br> </td>
</tr>
</table>
<script charset="utf-8">var TGSort=window.TGSort||function(n){"use strict";function r(n){return n?n.length:0}function t(n,t,e,o=0){for(e=r(n);o<e;++o)t(n[o],o)}function e(n){return n.split("").reverse().join("")}function o(n){var e=n[0];return t(n,function(n){for(;!n.startsWith(e);)e=e.substring(0,r(e)-1)}),r(e)}function u(n,r,e=[]){return t(n,function(n){r(n)&&e.push(n)}),e}var a=parseFloat;function i(n,r){return function(t){var e="";return t.replace(n,function(n,t,o){return e=t.replace(r,"")+"."+(o||"").substring(1)}),a(e)}}var s=i(/^(?:\s*)([+-]?(?:\d+)(?:,\d{3})*)(\.\d*)?$/g,/,/g),c=i(/^(?:\s*)([+-]?(?:\d+)(?:\.\d{3})*)(,\d*)?$/g,/\./g);function f(n){var t=a(n);return!isNaN(t)&&r(""+t)+1>=r(n)?t:NaN}function d(n){var e=[],o=n;return t([f,s,c],function(u){var a=[],i=[];t(n,function(n,r){r=u(n),a.push(r),r||i.push(n)}),r(i)<r(o)&&(o=i,e=a)}),r(u(o,function(n){return n==o[0]}))==r(o)?e:[]}function v(n){if("TABLE"==n.nodeName){for(var a=function(r){var e,o,u=[],a=[];return function n(r,e){e(r),t(r.childNodes,function(r){n(r,e)})}(n,function(n){"TR"==(o=n.nodeName)?(e=[],u.push(e),a.push(n)):"TD"!=o&&"TH"!=o||e.push(n)}),[u,a]}(),i=a[0],s=a[1],c=r(i),f=c>1&&r(i[0])<r(i[1])?1:0,v=f+1,p=i[f],h=r(p),l=[],g=[],N=[],m=v;m<c;++m){for(var T=0;T<h;++T){r(g)<h&&g.push([]);var C=i[m][T],L=C.textContent||C.innerText||"";g[T].push(L.trim())}N.push(m-v)}t(p,function(n,t){l[t]=0;var a=n.classList;a.add("tg-sort-header"),n.addEventListener("click",function(){var n=l[t];!function(){for(var n=0;n<h;++n){var r=p[n].classList;r.remove("tg-sort-asc"),r.remove("tg-sort-desc"),l[n]=0}}(),(n=1==n?-1:+!n)&&a.add(n>0?"tg-sort-asc":"tg-sort-desc"),l[t]=n;var i,f=g[t],m=function(r,t){return n*f[r].localeCompare(f[t])||n*(r-t)},T=function(n){var t=d(n);if(!r(t)){var u=o(n),a=o(n.map(e));t=d(n.map(function(n){return n.substring(u,r(n)-a)}))}return t}(f);(r(T)||r(T=r(u(i=f.map(Date.parse),isNaN))?[]:i))&&(m=function(r,t){var e=T[r],o=T[t],u=isNaN(e),a=isNaN(o);return u&&a?0:u?-n:a?n:e>o?n:e<o?-n:n*(r-t)});var C,L=N.slice();L.sort(m);for(var E=v;E<c;++E)(C=s[E].parentNode).removeChild(s[E]);for(E=v;E<c;++E)C.appendChild(s[v+L[E-v]])})})}}n.addEventListener("DOMContentLoaded",function(){for(var t=n.getElementsByClassName("tg"),e=0;e<r(t);++e)try{v(t[e])}catch(n){}})}(document)</script>
Hi,
So there is more code? I set exactly the same code you provide, if there is more code and this is css code, you can set it in theme pane > custom code> custom css.
If this is not what you mean, please provide some more detects and some screenshots with the way it should look the tables.
Thank you for your understanding!
Here the code I have
<html>
<head>
<title>Exact Age Calculator</title>
<link rel=’stylesheet’ href=’style.css’/>
<script src=”https://code.jquery.com/jquery-latest.min.js”></script>
<script src=’script.js’></script>
</head>
<body>
<div id=”main_container”>
<div id=”birth_date_input”>Birth Date*: <input type=”date” id=”birth_date”></div>
<br/>
<div id=”calculate”>Calculate your age**</div>
<div id=”age_container”><span id=”exact_age”>Age</span></div>
<p>* The year here is 365 days and the month here is 30 days, that means your birthday may not mean you will be 0 days old.</br>
**Don’t worry I will not share your input.</p>
</p>
</div>
</body>
</html>
Hi,
Yes, I think that you can do this using css, please provide me a link to your website and I will try to provide a the css.
Thank you!
Hi heizungshelden,
Please notice that these changes in theme files will be overwrite when you’ll update the theme. If you only want to remove the link from the author profile, please provide me a link to it and I will provide a css that will do the work.
Thank you for your understanding!
Hey,
I uploaded a Background image to the category style8 and its really too dark for me. It appears that there is a filter on it, wich I haven’t found to manipulate. Custom CSS or is there a simpler solution.
Thanks!
Lou
Update: I found this post which may explain my issue: https://forum.tagdiv.com/topic/i-cannot-update-any-settings-from-theme-panel/
However, I am using the City News Pro layout and have no ability to edit the Header ad or anything in the Header using the TD Composer. I also don’t see how to universally change fonts, colors, post layouts, CSS, etc. using the TD Composer. Am I missing something?
Thank you.
your table is normal but my table code is css contain
Hi Calin, thanks for your response.
I’ve created tagdiv cloud template for my category pages and I would like to set the color of the title on the pages based on the category. My hope is I can do this through css and not have to create a separate template for every category.
Brad.