Page 329 – tagDiv support

Calin

tagDiv Staff

How should I use the link rel="preload" in this type of file? - reply

#336492

Mar 20, 2020 at 4:03 pm

Hi,

The newspaper.woff?17 is load in:
wp-content/themes/Newspaper/editor-style.css -> https://i.imgur.com/uOr5NcO.png
wp-content/themes/Newspaper/font-newspaper.css -> https://i.imgur.com/zMxtJkt.png
wp-content/themes/Newspaper/gutenberg-editor.css -> https://i.imgur.com/nbWkpit.png
wp-content/themes/Newspaper/style.css -> https://i.imgur.com/RuE8Bk5.png

As I know, the link rel=”preload” need to be set in the line of code for css, unfortunately I do not know where or how to do this, sorry!

Thank you for your understanding!

Calin

tagDiv Staff

How can I delete full width slider and other blocks only on movile version? - reply

#336464

Mar 20, 2020 at 1:20 pm

Hi,

For this you can use tagDiv Composer -> https://i.imgur.com/aZhQUl3.jpg set the mobile view port -> https://i.imgur.com/ufoWt1W.png click on the elements that you want to remove from mobile, go in css tab and set the display on hidden like this -> https://i.imgur.com/s4drd5Y.png -> https://i.imgur.com/VGh4rpe.png

Hope this will help you!
Thank you!

dennisjpitocco

tagDiv Member

Quote Box Not Positioned Properly - reply

#336454

Mar 20, 2020 at 12:09 pm

Your Custom CSS worked just fine – thank you!

info@eskuare.com

tagDiv Member

Adsense size on ipad portrait - reply

#336453

Mar 20, 2020 at 12:08 pm

Hi,

I recheck all the ads and all of them are now as responsive and autosize.

To fix the issue i add this css on the “IPAD PORTRAIT” custom css:

.adsbygoogle
{
margin-left: -12px !important;
}

Now that works for us.

What do you think about this solution???

Calin

tagDiv Staff

I want to add "Posted by: " before author name in post block - reply

#336451

Mar 20, 2020 at 12:02 pm

Hi,

This can be achieved on all blocks using a custom css like this one -> https://i.imgur.com/FsGMrgB.png
.td-post-author-name a:before{ content: "Posted by: "; }
The code need to be set in theme panel> custom code> custom css.

Hope this will help you!
Thank you!

Calin

tagDiv Staff

Quote Box Not Positioned Properly - reply

#336437

Mar 20, 2020 at 10:53 am

Hi,

As I can see you are using a single post template from tagDiv Cloud Library, the settings from theme panel will not apply on it, you need to edit the single post template with https://tagdiv.com/tagdiv-composer-page-builder-basics/ -> https://i.imgur.com/DxqIKZX.png-> click on post content -> https://i.imgur.com/ZHJbdNp.png or you can use a css like this one -> https://i.imgur.com/fwbmoqH.png
.tagdiv-type .td_quote_box.td_box_right{ margin-left: 24px!important; }

Hope this will help you!
Thank you!

Calin

tagDiv Staff

issue with Facebook comments - reply

#336428

Mar 20, 2020 at 10:01 am

Hi

This is an untested plugin, the only think that I can do is to provide a css to hide the last comment -> https://i.imgur.com/EJqiC4P.png
article .fb_iframe_widget_fluid_desktop, article h3, article p{ display: none; } article .tdc-zone .fb_iframe_widget_fluid_desktop, article .tdc-zone h3, article .tdc-zone p { display: block!important; }
The code need to be set in theme panel> custom code> custom css

Hope this will help you!
Thank you!

Calin

tagDiv Staff

Adsense size on ipad portrait - reply

#336424

Mar 20, 2020 at 9:21 am

Hi,

Is look that the ad is force to be set on 300×250 with an inline css -> https://i.imgur.com/avox2OS.png I think that here -> https://i.imgur.com/gIIsEqR.png in your code you have this style set, once that you set a fix dimension for the ads, the theme can’t force to change it.

Let me know the results!
Thank you!

Calin

tagDiv Staff

Mobile View logo issue - reply

#336417

Mar 20, 2020 at 8:47 am

Hi,

As I can see here -> https://www.screencast.com/t/hkiwLqa6jui it can be a plugin conflict, please deactivate ALL plugins except tagDiv plugins, also if you are using child theme or cache plugin, deactivate them, clear all cache and try again.

If the problem persist on mobile, please set the code suggested by Vlad in Theme panel> Mobile theme> Custom code> css -> https://i.imgur.com/ybtqThM.png

Let me know the results!
Thank you!

rajneeshhaldkar

tagDiv Member

Ms word table not work proper - reply

#336408

Mar 20, 2020 at 5:55 am

This is a scrolling table so not a 100% width problem
Tell me how to use this table because I paste this code in html code not show any deta because code contains css+html , and I paste only table code without using CSS table is work (<table..... .....</table>)
Please tell us where a past this code
Because I use a simple table but simple column separate to left side Table post solve tha problem

This reply was modified 6 years by rajneeshhaldkar.

HeliR

Participant

accordion and toggles – open when printing – how to - topic

#0

Mar 20, 2020 at 12:27 am

this is not a question but a “how to” documentation

I am using shortcodes ultimate to fill in the missing accordion / toggle shortcodes.

for a toggle you simply call [su_spoiler title=”xxxx”] …… [/su_spoiler]

now I want my (default closed) toggles to be open when printing the page. Here is the code that you put into the child-themes / styles.css or in the shortcodes CSS options.

use the following CSS:

@media print {
.su-spoiler.su-spoiler-closed > .su-spoiler-content {
height: auto;
padding: 14px;
overflow: visible;
opacity: 1;
}
.su-spoiler.su-spoiler-closed.su-spoiler-icon-plus .su-spoiler-icon:before {
content: ‘\f068’;
}
}

Vladimir writes also: I’d recommend adding the code above to the Custom CSS code field at the plugin settings screen (Dashboard – Shortcodes – Settings).

in addition I use following trick to stay text-compatible with my former themes, where I had the shortcode [toggle] available.

i put in my own function.php following code that creates shortcodes [toggle] / [toggle1] / [toggle2] …..
(so I can have nested toggles)

this short function remaps [toggle] into [su_spoiler] which “shortcodes ultimate” wants to see to give me the toggle

function toggle_function($atts, $content=null){
extract( shortcode_atts( array(
‘title’ => ”,
‘class’ => ”,
), $atts ) );

// $s = ‘[accordion openall=”false” clicktoclose=”true”][accordion-item title=”‘ . $title . ‘”]’ . $content . ‘[/accordion-item][/accordion]’; –> this is the right line for plugin “WordPress Accordion”
// this is now the code for shortcodes ultimate
$s = ‘[su_spoiler style=fancy class=heli_su_toggles title=”‘ . $title . ‘”]’ . $content . ‘[/su_spoiler]’;
return do_shortcode($s);
}
add_shortcode (‘toggle’,’toggle_function’);
add_shortcode (‘toggle1′,’toggle_function’);
add_shortcode (‘toggle2′,’toggle_function’);
add_shortcode (‘toggle3′,’toggle_function’);
add_shortcode (‘toggle4′,’toggle_function’);

rajneeshhaldkar

tagDiv Member

Ms word table not work proper - reply

#336309

Mar 19, 2020 at 10:30 am

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.

rajneeshhaldkar

tagDiv Member

Ms word table not work proper - reply

#336306

Mar 19, 2020 at 10:26 am

This reply was modified 6 years by rajneeshhaldkar.
This reply was modified 6 years by rajneeshhaldkar.

Calin

tagDiv Staff

Can't change Background & Q about different theme for single posts - reply

#336305

Mar 19, 2020 at 10:24 am

Hi,

1. This -> https://i.imgur.com/Y9uFmGf.jpg is an author page from tagDiv Cloud Library, you can edit it using tagDiv Composer -> https://i.imgur.com/9eW2X5L.png you need to select the row with that image and check in the css tab -> https://i.imgur.com/Hgb1MMl.jpg

2. If you want to have for each posts from a category a different single post templates that yes, you can do that from theme panel using single post templates from tagDiv Cloud Library, you can set on each category the template you want to have and the template for the posts with that category -> https://i.imgur.com/t0J5ztY.png

If this is not what you mean, please provide some more details.

Hope this will help you!
Thank you!

Vlad S

tagDiv Staff

Mobile View logo issue - reply

#336277

Mar 19, 2020 at 8:54 am

Hello !

Please use this css code: .td-main-menu-logo img { position:fixed; }

The code must be inserted in here: https://www.screencast.com/t/s61BcemS2eW

Thank you !

Vlad S

tagDiv Staff

Please Help Me How to Make News Ticker Same Of A website - reply

#336183

Mar 18, 2020 at 1:24 pm

Hello !

That may be achieved using css but for this you will have to contact our custom work team here: https://tagdiv.com/premium-customization-services/

This customization is not covered by the support team.

Thank you for your understanding !

Calin

tagDiv Staff

Why JavaScript for tagDiv needs to run on the website front end ? - reply

#336172

Mar 18, 2020 at 12:00 pm

Hi,

All website are using JavaScript to information and for dynamic content, to apply css classes and so on.
Where should run the js if not on frontend? indeed this is use in backend too, but most of it is use for frontend by our designers.

For a better performance on the mobile version you can use the mobile theme plugin, please check our documentation for this plugin -> https://tagdiv.com/mobile-theme-get-mobile-ready-with-newsmag-theme/ this should increase the mobile speed.

Also note that the speed of your website depends on how well your website is optimized, if you follow the steps which are presented in this tutorial here -> https://tagdiv.com/how-to-increase-page-loading-speed/ you’ll be able to increase the speed of your website.
Also you can check this similar topic for more solutions: -> https://forum.tagdiv.com/topic/optimize-script-to-improve-site-speed/

Thank you for your understanding!

Calin

tagDiv Staff

Custom Post Type – Layout Settings - reply

#336143

Mar 18, 2020 at 10:07 am

Hi Frydenborg,

You need to use custom templates for CPT and remove from them the date, author, about author etc or you can use a custom css to hide these dates.

Hi slayprodwork,

Maybe there is something that you do not set correctly in the child theme, if you want, you can send us an email at contact@tagdiv.com and provide admin login, as well as cPanel. We will take a look to the child theme and CPT. Include a link to this topic in the email.

Thank you!

CatchThatSports

Participant

custom css - topic

#0

Mar 17, 2020 at 7:52 pm

Is there a easy way to paste a custom css for a black background box behind title text in grids?

Prateek

Participant

Delete Searchbar Placeholder - topic

#0

Mar 17, 2020 at 4:37 pm

Hi, team tagdiv.
There’s a bug in your theme. You gave us flexibility to use beautiful animation, namely placeholder travel, on searchbar. When user is typing in the searchbar, the placeholder goes up and becomes invisible because of the opacity set to 0 on focus. That’s great and how it should be.
But the point is when the search is done and user lands on the search page, the search term is still in the searchbar which is fine. But the placeholder is also there and it creates mess in the searchbar. Neither the placeholder nor the search term is clear since one is overlapping the other.
Got a solution without using a custom css? If you think that this is not an issue or a bug and won’t be addressed by the developers in future update, then please give me the css code (cross-browser-compatible).
Thanks.

Calin

tagDiv Staff

Menu on Top Bar - reply

#335974

Mar 17, 2020 at 10:15 am

Hi,

The top bar is not displaying on mobile devices, if you want to display it, then you need to use a custom css like this one -> https://i.imgur.com/USvbDwa.png
.td-top-menu-full { display: block; }
The code need to be set here -> https://i.imgur.com/t6jN3id.png

Thank you for your understanding!

Calin

tagDiv Staff

Does Newspaper theme support 4k screens - reply

#335944

Mar 17, 2020 at 9:12 am

Hi,

1. Using tagDiv Composer and cloud templates you can set the em in style tab -> https://i.imgur.com/E8dw9Rh.png indeed, more improvements are needed, our developers will do their best.

2. Unfortunately , yes for desktops will be display the same on all type of devices, there are some elements that can scale, but these are only few for the moment. Here is a reference how it should look the code to scale -> https://css-tricks.com/books/fundamental-css-tactics/scale-typography-screen-size/

3. Unfortunately we do not have a 4k, as I know our developers will get one for tests when will make the improvements for 4k.

Thank you for your understanding and sorry for the inconvenience!

Calin

tagDiv Staff

subtitle only works with amp - reply

#335931

Mar 17, 2020 at 8:38 am

Hi,

Yes, you can use a css only for a page, for this you need to use in your css the id-class specific to that page/posts -> https://i.imgur.com/xBv2png.png -> https://i.imgur.com/nVWlK1L.png the code should be like this -> https://i.imgur.com/nl4SuYf.jpg and will be apply only on this post.

Hope this will help you!
Thank you!

Vlad S

tagDiv Staff

comment section web line - reply

#335927

Mar 17, 2020 at 8:29 am

Hello !

You can use this CSS code for this: .td-form-url { display:none; }

The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5

I hope this was helpful !

Thank you !

matiasc

tagDiv Member

subtitle only works with amp - reply

#335867

Mar 16, 2020 at 3:58 pm

Thanks, I’ve already found that same solution by searching on this forum.
Another question: I know there is “responsive css” but can I have css working for some pages only?

Cookie	Duration	Description
cookielawinfo-checkbox-advertisement	1 year	The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Advertisement".
cookielawinfo-checkbox-analytics	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional	11 months	The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-functional	11 months	The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy	11 months	The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
viewed_cookie_policy	11 months	The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.

Cookie	Duration	Description
_ga	2 years	This cookie is installed by Google Analytics. The cookie is used to calculate visitor, session, campaign data and keep track of site usage for the site's analytics report. The cookies store information anonymously and assign a randomly generated number to identify unique visitors.
_gat_gtag_UA_43963494_1	1 minute	This cookie is set by Google and is used to distinguish users.
_gid	1 day	This cookie is installed by Google Analytics. The cookie is used to store information of how visitors use a website and helps in creating an analytics report of how the website is doing. The data collected including the number visitors, the source where they have come from, and the pages visted in an anonymous form.

Cookie	Duration	Description
IDE	1 year 24 days	Used by Google DoubleClick and stores information about how the user uses the website and any other advertisement before visiting the website. This is used to present users with ads that are relevant to them according to the user profile.
test_cookie	15 minutes	This cookie is set by doubleclick.net. The purpose of the cookie is to determine if the user's browser supports cookies.
VISITOR_INFO1_LIVE	5 months 27 days	This cookie is set by Youtube. Used to track the information of the embedded YouTube videos on a website.
YSC	session	This cookies is set by Youtube and is used to track the views of embedded videos.

Cookie	Duration	Description
CONSENT	16 years 5 months 26 days 13 hours 25 minutes	No description
yt-remote-connected-devices	never	This cookies is set by Youtube and stores the user's video player preferences using embedded YouTube video.
yt-remote-device-id	never	This cookies is set by Youtube and stores the user's video player preferences using embedded YouTube video.