- TutorialsDefault Block Settings Guide
- TutorialsSystem status parameters guide
This the page I’m working with http://dev.willtown.com/?page_id=25
I’ll reply to your previous message.
You have now set 480px padding bottom on one element , if this is removed then everything is look normal -> https://i.imgur.com/IxXRxgM.png
It may look more “normal” in the phone view, but it messes up the spacing in the desktop view. You have to check both. Because when you change one, the other changes.
If I’m right you want to use an image with text over, for this you can use the hero element -> https://i.imgur.com/Cn1n3qN.png remove the description and the text from buttons -> https://i.imgur.com/2N9Rdgf.png also you can remove the color to -> https://i.imgur.com/TfxkQYv.png -> https://i.imgur.com/JYBuwOK.png and this will look good on mobile too -> https://i.imgur.com/tzZ3MKa.png
You suggested the Hero element. On this page I’ve tried that. It’s the second image down the page. How do I make the Hero element look like the top image with text and the green box with text? And, in the phone view, it doesn’t have text. Isn’t that the point of responsive elements? Where’s the text in phone view? How can I put the green and text in the Hero element in both views – desktop and phone?
Hi,
You have now set 480px padding bottom on one element , if this is removed then everything is look normal -> https://i.imgur.com/IxXRxgM.png
If I’m right you want to use an image with text over, for this you can use the hero element -> https://i.imgur.com/Cn1n3qN.png remove the description and the text from buttons -> https://i.imgur.com/2N9Rdgf.png also you can remove the color to -> https://i.imgur.com/TfxkQYv.png -> https://i.imgur.com/JYBuwOK.png and this will look good on mobile too -> https://i.imgur.com/tzZ3MKa.png
hope this will help you!
Thank you!
Hi,
In order to remove only the shadow box you can try this custom css
.td-post-template-10 .td-post-featured-image img {
max-height: 600px;
width: 960px!import;
object-fit: scale-down;
object-position: center;
}
.single .td-post-template-10 .td-post-featured-video img {
box-shadow: none;
padding: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}
If you want to reduce the background color you can use this css -> https://i.imgur.com/q9fpMv1.png
.single .td-post-template-10.td-video-template-bg {
width: 1116px;
margin: 0 auto;
}
Hope this will help you!
Thank you!
I’m trying to set up the header menu. You have some predefined headers in the Cloud library, but I want the header to look like this https://imgur.com/a/wPNbkLH . That is a logo and menu with a row above it that contains a phone number. I don’t see any of your cloud headers that has that specific design.
And, in mobile I want the same thing. But, now it looks like this https://imgur.com/a/kpvcPF2 . The menu looks bad.
So, in mobile I used Header 15 and after changing settings got this https://imgur.com/a/CUyYzT2 .
But, the desktop now has 2 menus and having the bottom one doesn’t look proper obviously. https://imgur.com/a/t1mVRdD . If I remove the bottom menu from the desktop, that removes menu from the mobile view.
I’ve worked a long time to get to this place. Please clearly explain how I can arrive at the two headers and menus I want. It’s been very frustrating.
The site is agnostoi.gr and the functionality i am mentioning caused me trouble with the gdpr plugin i am using.
Currently i got the adsense code in the widgets area for the sidebar and had to remove it from the admin panel (article bottom and sidebar) that i had it.
Basically it was loading the sidebar ads that was put through the theme admin panel.
My thoughts were that it was from the adsense ads. that your theme says automatically recognises along with the toggles for the screens thats on the page of every ad (sidebar, article top etc)
The sourcecode in question is the following
var td_screen_width = window.innerWidth;
if ( td_screen_width >= 1140 ) {
/* large monitors */
document.write('<div class="td-block-title-wrap"><h4 class="block-title td-block-title"><span class="td-pulldown-size">Διαφημίσεις</span></h4></div><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="pub-***" data-ad-slot=""></ins>');
(adsbygoogle = window.adsbygoogle || []).push({});
}
if ( td_screen_width >= 1019 && td_screen_width < 1140 ) {
/* landscape tablets */
document.write('<div class="td-block-title-wrap"><h4 class="block-title td-block-title"><span class="td-pulldown-size">Διαφημίσεις</span></h4></div><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="pub-***" data-ad-slot=""></ins>');
(adsbygoogle = window.adsbygoogle || []).push({});
}
if ( td_screen_width >= 768 && td_screen_width < 1019 ) {....
ty
-
This reply was modified 6 years by
citymagthess.
Thanks for replying and thanks for the great theme. I understand that you are busy.
But I beg you: Can you please read the support issue before answering?
I know very well that the mobile theme is a different version only for mobile. I have used this system on several sites for years. That is not the problem. On this site for instance, I use the mobile theme only on AMP pages.
The extra items on the AMP page was removed when you “checked” because I fixed them with custom code, due to the fact that you did not answer my yesterday 4pm reply. I have removed my custom code now so you can check again:
https://radiomannen.no/nrk-p1/?amp
Please, please review the full support inquiry before answering, and I will be as specific as i can:
The unwanted extra items (breadcrumbs, tags, author, prev/next, author box, etc) do not appear on the mobile AMP pages on my other sites ( example: https://playpager.com/domino-game/?amp ). They only appear on this new site. On the other sites I have no custom code to remove the items, yet they are gone. Why do they show up and clutter the pages on the new site and not the old ones?
I Know that I can remove them by entering my own custom code, but it is really bad practice to use more code than absolutely necessary. And it is a sign that something is wrong when otherwise identical codebases act differently.
Question #2
As I explained in my support message:
“the ‘latest articles’ section at the bottom of the page only shows 3 links and no images. (It should show 12 links with images, according to my settings.)”
Can you please adress this issue too? (I know that I can remove the section with code if I want to)
Thank you for your service, and all the best.
John
Hello. I have several sites with the Newspaper theme, and they are set up with the AMP plugin and mobile theme.
On a new site I just started building, it seems that the mobile AMP pages act differently than before. The mobile AMP pages are cluttered with a lot of items that should not be there, like breadcrumbs, category link, author name, number of visits/comments?, tags, previous/next, author card, like button /share, etc. I cannot find a way to remove them, other than setting up custom code.
Example: https://radiomannen.no/p6-rock/?amp
This has never been a problem on any of my other sites:
Example: https://playpager.com/easy-chess/?amp
Example: https://kveldsavisen.no/torden-film/?amp
I have obviously done something different on the new site, but cannot figure out what. I need all the items mentioned to be gone. I have not added any custom code to the other sites, and cannot see why only the new site got this problem.
Also, the “latest articles” section at the bottom of the page only shows 3 links and no images. (It should show 12 links with images, according to my settings.)
I have license/purchase code for all sites.
Thanks,
John
P.S.
I use the exact same bit of custom css-code to set the dark theme on all sites. But these are only color settings:
#td-outer-wrap {background-color: #000;}
.block-title,
.td_module_mob_1 .entry-title a,
.page-nav .current,
.td-page-title,
.td-category a,
.entry-title,
h1, h2, h3, h4, h5, h6,
.td-author-name a,
.author-box-wrap .td-icon-font {
color: #fff!important;
}
.td-post-content {
color: #e9e9e9!important;
}
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!
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>
i creat table http://tablesgenerator.com/ but not work in my post please explane how to use my table is
<style type="text/css">
.tg {border-collapse:collapse;border-spacing:0;border-color:#aaa;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:17px 20px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;background-color:#fff;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:17px 20px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#fff;background-color:#f38630;}
.tg .tg-swmu{font-size:12px;font-family:"Arial Black", Gadget, sans-serif !important;;border-color:inherit;text-align:center;vertical-align:top;position:sticky;position:-webkit-sticky;top:-1px;will-change:transform}
.tg .tg-f4iu{font-size:12px;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-1P1ck" class="tg">
<tr>
<th class="tg-swmu" colspan="4">Total Vacancy Details</th>
</tr>
<tr>
<td class="tg-f4iu" colspan="4">Graduate Executive Trainee</td>
</tr>
<tr>
<td class="tg-f4iu">S.no</td>
<td class="tg-f4iu">Post name</td>
<td class="tg-f4iu">Number of Post</td>
<td class="tg-f4iu">Qualification</td>
</tr>
<tr>
<td class="tg-f4iu">1</td>
<td class="tg-f4iu">Mechanical</td>
<td class="tg-f4iu">125</td>
<td class="tg-f4iu">Bachelor Degree (Mechanical Engg)</td>
</tr>
<tr>
<td class="tg-f4iu">2</td>
<td class="tg-f4iu">Electrical (EEE)</td>
<td class="tg-f4iu">65</td>
<td class="tg-f4iu">Bachelor Degree (Electrical Engg)</td>
</tr>
<tr>
<td class="tg-f4iu">3</td>
<td class="tg-f4iu">Electrical (ECE)</td>
<td class="tg-f4iu">10</td>
<td class="tg-f4iu">Bachelor Degree (Electronics & Communication Engg)</td>
</tr>
<tr>
<td class="tg-f4iu">4</td>
<td class="tg-f4iu">Civil</td>
<td class="tg-f4iu">5</td>
<td class="tg-f4iu">Bachelor Degree (Civil Engg)</td>
</tr>
<tr>
<td class="tg-f4iu">5</td>
<td class="tg-f4iu">Control & Instrumentation</td>
<td class="tg-f4iu">15</td>
<td class="tg-f4iu">Bachelor Degree (Instrumentation &</td>
</tr>
<tr>
<td class="tg-f4iu">6</td>
<td class="tg-f4iu">Computer</td>
<td class="tg-f4iu">5</td>
<td class="tg-f4iu">Bachelor Degree (Computer Science/ Computer Engg/ Information Technology)/ PG Degree (Computer)</td>
</tr>
<tr>
<td class="tg-f4iu">7</td>
<td class="tg-f4iu">Mining</td>
<td class="tg-f4iu">5</td>
<td class="tg-f4iu">Bachelor Degree (Mining Engineering)</td>
</tr>
<tr>
<td class="tg-f4iu">8</td>
<td class="tg-f4iu">Geology</td>
<td class="tg-f4iu">5</td>
<td class="tg-f4iu">M.Tech/ M.Sc (Geology)</td>
</tr>
<tr>
<td class="tg-f4iu">9</td>
<td class="tg-f4iu">Finance</td>
<td class="tg-f4iu">14</td>
<td class="tg-f4iu">CA/ CMA/ Degree (Any Discipline)</td>
</tr>
<tr>
<td class="tg-f4iu">10</td>
<td class="tg-f4iu">Human Resource</td>
<td class="tg-f4iu">10</td>
<td class="tg-f4iu">Degree (Any Discipline), PG Degree/ Diploma (Relevant Discipline)</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>
-
This reply was modified 6 years by
rajneeshhaldkar.
<style type="text/css">
.tg {border-collapse:collapse;border-spacing:0;border-color:#aaa;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:17px 20px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;background-color:#fff;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:17px 20px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#fff;background-color:#f38630;}
.tg .tg-swmu{font-size:12px;font-family:"Arial Black", Gadget, sans-serif !important;;border-color:inherit;text-align:center;vertical-align:top;position:sticky;position:-webkit-sticky;top:-1px;will-change:transform}
.tg .tg-f4iu{font-size:12px;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-1P1ck" class="tg">
<tr>
<th class="tg-swmu" colspan="4">Total Vacancy Details</th>
</tr>
<tr>
<td class="tg-f4iu" colspan="4">Graduate Executive Trainee</td>
</tr>
<tr>
<td class="tg-f4iu">S.no</td>
<td class="tg-f4iu">Post name</td>
<td class="tg-f4iu">Number of Post</td>
<td class="tg-f4iu">Qualification</td>
</tr>
<tr>
<td class="tg-f4iu">1</td>
<td class="tg-f4iu">Mechanical</td>
<td class="tg-f4iu">125</td>
<td class="tg-f4iu">Bachelor Degree (Mechanical Engg)</td>
</tr>
<tr>
<td class="tg-f4iu">2</td>
<td class="tg-f4iu">Electrical (EEE)</td>
<td class="tg-f4iu">65</td>
<td class="tg-f4iu">Bachelor Degree (Electrical Engg)</td>
</tr>
<tr>
<td class="tg-f4iu">3</td>
<td class="tg-f4iu">Electrical (ECE)</td>
<td class="tg-f4iu">10</td>
<td class="tg-f4iu">Bachelor Degree (Electronics & Communication Engg)</td>
</tr>
<tr>
<td class="tg-f4iu">4</td>
<td class="tg-f4iu">Civil</td>
<td class="tg-f4iu">5</td>
<td class="tg-f4iu">Bachelor Degree (Civil Engg)</td>
</tr>
<tr>
<td class="tg-f4iu">5</td>
<td class="tg-f4iu">Control & Instrumentation</td>
<td class="tg-f4iu">15</td>
<td class="tg-f4iu">Bachelor Degree (Instrumentation &</td>
</tr>
<tr>
<td class="tg-f4iu">6</td>
<td class="tg-f4iu">Computer</td>
<td class="tg-f4iu">5</td>
<td class="tg-f4iu">Bachelor Degree (Computer Science/ Computer Engg/ Information Technology)/ PG Degree (Computer)</td>
</tr>
<tr>
<td class="tg-f4iu">7</td>
<td class="tg-f4iu">Mining</td>
<td class="tg-f4iu">5</td>
<td class="tg-f4iu">Bachelor Degree (Mining Engineering)</td>
</tr>
<tr>
<td class="tg-f4iu">8</td>
<td class="tg-f4iu">Geology</td>
<td class="tg-f4iu">5</td>
<td class="tg-f4iu">M.Tech/ M.Sc (Geology)</td>
</tr>
<tr>
<td class="tg-f4iu">9</td>
<td class="tg-f4iu">Finance</td>
<td class="tg-f4iu">14</td>
<td class="tg-f4iu">CA/ CMA/ Degree (Any Discipline)</td>
</tr>
<tr>
<td class="tg-f4iu">10</td>
<td class="tg-f4iu">Human Resource</td>
<td class="tg-f4iu">10</td>
<td class="tg-f4iu">Degree (Any Discipline), PG Degree/ Diploma (Relevant Discipline)</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>
-
This reply was modified 6 years by
rajneeshhaldkar.
-
This reply was modified 6 years by
rajneeshhaldkar.
Hi,
in our website we have a large number of category to be shown in every single post ad event.
Actually categories are shown at the top and we would like to move them at the bottom of the news.
Do you think is possible?
Here’s an example:
https://artigiani.lecco.it/ciclo-seminari-trasformazione-digitale-istruzioni-per-luso-pillole-digitali-per-artigiani-4-0/
Thanks for support
Antonio
Hi,
We need some help. We added google ads on to our mobile website:
http://www.gadgetbridge.com
However, there is a lot of white space under all the ads. On top, in article and bottom/footer ads.
How can we reduce this space? As Google does not accept any extra white space.
Thanks
Hi,
For example you can set a class, lat’s say removeSpage and add it on your elements, after that you need to set this class in Theme panel. Custom code> Custom css, here is a cod example to remove the bottom margin
.removeSpage {
margin-bottom: 0;
}
Hope this will help you!
Thank you!
Hi
That has removed the error message, but its also removed the following link from the bottom of the home page
FOLLOW US ON INSTAGRAM @KENTNEWS_UK
Before i added the social media section, I just got the link showing (without photos) which was useful?
Dear community,
(1)I recently installed a demo from the Newspaper Theme to my website. I would like opt out of as many as possible in “Post and custom post types” menu. Whenever I uncheck all or some of the options, it will not change anything on what is displayed on the post on the website. Is this a bug?
https://imgur.com/a/hnGM3U3
https://imgur.com/a/WfKlL8A (Of course I did hit the save button)
So on the page of all the posts, it will still continue to display category tags, author name, date, post views etc. despite having it disabled.
I’m using the NewsPaper theme on wordpress.com since that is my host.
(2) So I have been installed and uninstalling the demos hundreds of times. Sometimes, I do get these dead links “about us” and “follow us” on the bottom of the website. I can’t remove it and I can’t make them clickable links. Does anyone know what’s causing this?
Can anyone help me out? Thank you so much in advance!
This just started in my post there is thishttp://www.onyxpowerful.news/wp-content/uploads/tdn_pic_1.png
that is showing up in every post and not sure why.
I have unplugged all my plugins and I did not have back up not sure how to remove http://www.onyxpowerful.news/wp-content/uploads/tdn_pic_1.png because when I go back to look at the post and try to edit it, it is not there but you can only see once the post is saved. Please advise. Thank you!
Hi
I added my Instagram details into the Newspaper theme settings and then I found that my insta photos were appearing at the bottom of every post.
I did not know how to stop them showing, so I removed the Insta details from the social media section.
I now have an error at the bottom of every post page
Instagram Instagram data error: The data could not be retrived using the kentnews_uk Instagram ID. If you own this account, please connect to it in Theme’s Panel Social Networks > Instagram Account Access Configuration section.
That is what I did and when the new window opens(for editing), you can’t see top or bottom of the editing window… Nor can you move or resize it, therefore you can’t even close it either.
https://example.com/wp-admin/post.php?post_id=13&td_action=tdc&tdbTemplateType=page&prev_url=%2F%2Fexample.com%2F#
The window opens to BIG and you can not see the top or the bottom, nor can you move it to close it.
I’ve tried it in firefox and chrome
Hi,
You can achieve that by editing the cloud header template 10, click on the row where is store all the elements from header and set the stretch row on default-> https://i.imgur.com/wSGXF8J.png after that in css tab set the background color you want to have -> https://i.imgur.com/HhLbe9Q.png after that click on the inner row from the row and set the background color you want -> https://i.imgur.com/UhvT4IZ.png after that click on the header menu and set the background color to opacity 0 -> https://i.imgur.com/ZfSc4HM.png also you can remove the shadow from bottom header from here -> https://i.imgur.com/fGaamSZ.png after that the header should look like this -> https://i.imgur.com/HVNp8PQ.jpg you can set the color white and it will look better -> https://i.imgur.com/1MD9ZZL.jpg
Hope this will help you!
Thank you!
Hi,
On my mobile phone I have remarked for http://neu.my-travelworld.de/
that there are 2 different mobile versions with the mobile page & “view the whole page” at the bottom.
When I came to the mobile page for the first time, the mobile page was displayed. But there wasn’t any content because there are online codes like [tdc_zone type=”tdc…..] and nothing else. But when I switch to the mobile page the page is displayed with all the content. How can I remove the mobile page or How should I set the settings to see only the whole page.
Thanks in adavance.
What I did was give characteristics to the rows in Tagdiv, check on the page where I created the div tag but in text editor mode, in html mode not in visual mode.
When I checked the code that I added for these characteristics I copied it.
Then I go to WP Bakery, I place the page that is already created with WP bakery backend in classic mode. Then in html mode, and to the row I add the codes that tagDiv threw me.
The ones I’ve got:
For full row (Remove padding and margin that is automatically placed with WPBakery in rows), within [vc_row] write the following [vc_row full_width = “stretch_row_content_no_space td-stretch-content”]
To align the elements below a row within [vc_row] add content_align_vertical = “content-vert-bottom”. In case you want a full width row with all the elements aligned below it would look like this: [vc_row full_width = “stretch_row_content_no_space td-stretch-content” content_align_vertical = “content-vert-bottom”]
To TagDiv, thank you for your theme, I would love you to take this into consideration … To the community, any questions write to me here and I will try to support you
Hi,
I’m going to copy a message that I posted in the newspaper but in themeforest, I hope it helps:
Cheers
Thank you very much for your reply. As a follower of this topic, I would like to implement it with all my clients. Perhaps we can place the option to disable the tagdiv constructor without disabling the “theme panel”
In any case, I will place an answer that helped me. What I did was give characteristics to the rows in Tagdiv, check on the page where I created the div tag but in text editor mode, in html mode not in visual mode.
When I checked the code that I added for these characteristics I copied it.
Then I go to WP Bakery, I place the page that is already created with WP bakery backend in classic mode. Then in html mode, and to the row I add the codes that tagDiv threw me.
The ones I’ve got:
For full row (Remove padding and margin that is automatically placed with WPBakery in rows), within [vc_row] write the following [vc_row full_width = “stretch_row_content_no_space td-stretch-content”]
To align the elements below a row within [vc_row] add content_align_vertical = “content-vert-bottom”. In case you want a full width row with all the elements aligned below it would look like this: [vc_row full_width = “stretch_row_content_no_space td-stretch-content” content_align_vertical = “content-vert-bottom”]
To TagDiv, thank you for your theme, I would love you to take this into consideration … To the community, any questions write to me here and I will try to support you
Ok, I figured out hot to remove the date and category from the homepage featured stories.
So, it leaves me with this last item:
1. This helps. What if we wanted to put a darker gradient just on the bottom 25% of the image so that the white title popped a bit more when reading it? Basically, we want people to be able to see a vibrant photo, but we need a darker gradient just on the lower half of the photo so that the white title is more readable. Thanks Vlad.
Thanks,
Steve
Hello – something recently changed with my header background which (I assume?) had to do with me giving permission to Google AdSense to place ads in logical places. Ads were showing up directly below my logo, which I didn’t want so I disabled this. However, there is now a large space under the logo that wasn’t there before. I made sure that Attachment display settings were set to Full Size. See this screenshot for reference – https://www.screencast.com/t/IaiGJc9qP. I’d just like to remove that space so that the header background stays behind the logo as is, and there’s no space between the bottom of the logo and the main menu. Thank you.