Custom HTML, CSS and Javascript code in the header and footer

Posted in: Newspaper
Post count: 45

Hi,

I’m trying to set up custom HTML and CSS because it won’t let me customize how I want it other ways, for example I want my search and menu to be different. I manage to do it if I use my custom html code and javascript pasted in to the custom “html” section in the header-row and with a stylesheet <link to my other running site with the same header Manu. The problem I get is: “Errors at columns: 1(models) : 0(dom). The model does not match the content Current state has involved an issue. You could try an UNDO operation (CTRL+Z / CTRL+SHIFT+Z)”. So how can I make custom headers, block and footer?

Post count: 27744

Hello,

When this message appears “ Errors at columns: 1(models) : 0(dom). The model does not match the content Current state has involved an issue. You could try an UNDO operation (CTRL+Z / CTRL+SHIFT+Z)” then indeed it is a problem, most of the time the problem is from a code that is not compatible with our theme, therefore after you set it with tagDiv Composer and save the page/cloud template, the next time when you try to edit it, you’ll get that error. Please remove the code and see if the problem persists.
We have a guide for how to investigate this problem and fix it -> https://forum.tagdiv.com/tagdiv-composer-not-working/
You can try to add your code in Theme Panel -> Analytics/JS Codes => https://www.screencast.com/t/nou4AMaBhSMn
Also, you can use the cloud templates for header and footer, whence you can import one, and with tagDiv Composer, you can edit and style it as you wish.

Let us know about your results!

Thank you!

Post count: 45

I found it difficult to make custom blocks.

I want to have sticky side ads on both sides of the page but I found it also very difficult to make that happened smoothly.

I want to custum the home page with my own header, blocks and footer. I want the side ads to be sticky on both sides, and I want it to be gone when you make the browser smaller. Header ad, left ad (sticky) and right ad (sticky).

I made a demo for you to see: https://imgur.com/a/aK8QACo

Post count: 27744

Hello,

The header, footer and page content can be done with tagDiv Composer .
The theme doesn’t have the option for the right and left sides ads. This can be done with plugins, but I can’t recommend which one, because we haven’t tested any of them or you can do this with custom work => https://tagdiv.com/premium-customization-services/.
The theme has only this for ads => https://i.imgur.com/IBxx4Bt.png https://forum.tagdiv.com/sidebar-ads/ -> https://forum.tagdiv.com/header-ads-adsense/ ,on Cloud Templates and pages you can use the ad box element from tagDiv Composer => https://forum.tagdiv.com/custom-ad-spots/

Thank you!

Post count: 45

Hi, how can I make a custom header with newspaper theme?

I want a custom search and menu like this: https://imgur.com/a/1dSWnZu

Post count: 27744

Hello,

For search, you can use the Seach Form => https://www.screencast.com/t/tosqb91a and for menu, you can use a page menu where you can set menu elements using WordPress editor or tagDiv Composer then assign the page to your page menu in the element called “Mobile menu” => https://www.screencast.com/t/GZummViac

For more information, please check this guide -> https://forum.tagdiv.com/page-menu/

Hope this helps you!

Thank you!

Post count: 45

that’s not the menu im looking for. Its covering the whole screen. I want it to fall under the header.

Post count: 27744

Hello,

The theme doesn’t have an option that one has selected the menu to be displayed as you need. You can achieve something similar using the page menu (please check this similar topic -> https://forum.tagdiv.com/topic/megamenu-with-pages/ ). Also, another option is to use an external plugin for the menu.

Thank you!

Post count: 45

Hi, how can i remove all this?

Screenshot link: https://www.screencast.com/t/8T49J4Htdt

Thanks!

Post count: 27744

Hi,

You can disable the option the Auto Loading on the Sigle Post Template with tagDiv Composer -> Show site wide settings => https://prnt.sc/10bb8mr

To hide the scroll to the top, you need to use a custom code CSS =>

.td-scroll-up{
display: none !important;
}

The code needs to be set in Theme panel -> Custom code -> Custom CSS => https://www.screencast.com/t/fxetQe24ZHf

Let me know the results!

Thank you!

Post count: 45

Hi, i dont see this option in my single post: https://prnt.sc/10bb8mr

Post count: 27744

Hi,

Please edit the Single Post Template with tagDiv Composer => https://prnt.sc/10hvfak select the “Show site wide settings” => https://prnt.sc/10hvgnx and there you find this option => https://prnt.sc/10hvhvm

Hope this helps you!

Thank you!

Post count: 45

Hi, thanks!

I tried to add JS: https://jsfiddle.net/zA23k/215/

But it wont work. I have done everything correctly, in the theme panel – custom code JS and with the Single External Shortcode. The JavaScript are showing correctly when i open the google dev tool inspector, but it’s not working.

This is what i try to add: https://www.screencast.com/t/PcHlWuVGP

  • This reply was modified 5 years by sirms.
Post count: 45

Do you also know how i can get Disqus working on the cloud templates? What code is needed for it? I cant seem to find anything about this, but i read on there forum it should work with som custom job on the cloud tempelets.

Thanks!

Post count: 27744

Hello,

Is not work, because isn’t pure javascript but also, jQuery.
The Disqus plugin works only with standard posts style, but with single post cloud template has a different structure and this plugin cannot work with them, and also, Disqus is not a tested plugin.

Thank you for your understanding!

Post count: 45

Hi, what did you mean with this: https://www.screencast.com/t/4iybV6wgkox

How can i add JQuery and JS?

Can u show me how i can set up a standard post style? Can i edit it like i do with the cloud Templets?

Thanks!

Post count: 27744

Hi,

What I meant is that the cloud library has a complex structure and requires more knowledge and time to make it work with the Disqus plugin, but in the future, we will consider trying to implement this functionality.
In order to be able to add jQuery code, several implementations must be made. You can only add Javascript code in custom code -> custom Javascript.
The standard post comes with its own structure, and to edit you need to make changes in the theme files, it cannot be edited as a single post template from the cloud library.

Thank you for your understanding!

Post count: 45

Would i be able to edit the default post like i did with the cloud themplets?

Like this: https://www.screencast.com/t/cyzFGGbqNcvk

i cant find the “post” option when i create normal page. Can you show me how i find this?

Post count: 27744

Hi,

The standard post template can’t be edit like a Single post template from Cloud Library.
I don’t quite understand exactly what you mean by the “post” option on the normal page.

Thank you for your understanding!

Post count: 45

Hi, i dont see this option when i use the “normal page” for POST:

1.https://www.screencast.com/t/Su67X6gJjUuO
2.https://www.screencast.com/t/P5TQIrATaotr

Can i edit the function file to make a custom templet and edit that one with custom html like i did with the cloud tempelets? I dont se the benefit using the cloud templets when i do all custom work (i would like to delete that plugin). I just want the ” short codes” and so other functions i get with with the td-composer(?).

Aslo the mobile theme plugin.. Why cant i edit it for mobile users? Why do i need to use the theme thats comes with it and not change it?

I would like to custom the mobile theme so it will be the same — so it gets the benefits that comes with mobile theme plugin.

Post count: 45

Single post shortcodes, i dont see them when i edit the normal page. And i dont see how i can set normal page to post — so when you read a post you read it with the post templet i made for the “normal page”, not with the cloud templets.

Post count: 45

My custom header only work on mobile?

LINK: https://www.screencast.com/t/YMpt4zDU

It should be working for desktop too.

Code: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_mobile_navbar

Change to <!– Simulate a smartphone / tablet –>
<div class=”desktop-container”> to view on desktop.

Im sorry to say, i feel this theme make my work so slow and i aways stumble up with problems.

Hope you can HELP me with all the questions above.

Best regards,
MS

Post count: 45

Hi again, i need somebody from the theme-develop team to fix this problem for me. I added my own MU-Plugin, and with a code for the post published and for the post update, the date text for “post update” is showing in english.

I have tried to added the code in the function.php without any luck.

The theme is overwriting for some reason, if i cloud have someone the team to help me with a code that will fix this will be much appreciated.

LINK: https://www.screencast.com/t/swyLU24s57X

Best regards,
MS

Post count: 27744

Hello,

Single Post Template from Cloud Library can be edited on front-end with tagDiv Composer, this is the only way and will it work. tagDiv Cloud Library is a special custom post type made for our theme and all cloud templates that are built with it are store in the database. Therefore will not work if copy the shortcode and disable the plugin.
If you want to make a template with code you can edit a standard template from the tagDiv standard pack and you can set it in the child theme.

The mobile theme comes with its own templates for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout, the page content is made without builders in mobile editor => https://www.screencast.com/t/xbgZG8kH also, the options that are provided to edit the mobile theme version are limited (this keeps the things simple).
Also, with our theme, you can use for mobile the responsive version of the theme, the mobile theme plugin or the mobile page editor (this can be edit with tagDiv Composer).
You can check this video about the Newspaper theme version on mobile -> https://www.youtube.com/watch?v=SpGkOnJeNZY

About the custom header, please notice that we can provide support only for theme functions and for custom implementation. For this, you need to contact the custom services -> https://tagdiv.com/premium-customization-services/

Also, for implantation and compatibility for untested and custom plugins, you need to contact work ->https://tagdiv.com/premium-customization-services/

Also, make sure the code you set in the functions.php is set in child theme functions.php or this path => wp-content/plugins/td-composer/legacy/Newspaper/functions.php

Thank you!

Post count: 45

WHAT KIND OF SUPPORT IS THIS?

THE TIME TEXT IS CHANING FROM NORWEGIAN TO ENGLISH AFTER I UPDATE THE POST. WHY IS IT DOING THIS? YOU SHULD BE ABLE TO SEND ME TO SOMBODY THAT CAN HELP ME WITH THIS, THIS IS WHAT SUPPORT IS. EVERYTHING EVERYONE ASK ABOUT HERE, YOU GUYS ARE NOT ABLE TO HELP THEM AT ALL. THIS IS SO FUCKED UP!

  • This reply was modified 5 years by sirms.
Viewing 25 posts - 1 through 25 (of 39 total)
The forum ‘Newspaper’ is closed to new topics and replies.