- Apitd_api_header_style::delete
- Apitd_api_header_style::update_key
- Apitd_api_header_style::update
- Apitd_api_header_style::add
- ApiAPI – Header style – Introduction
- Apitd_api_top_bar_template::update_key
- Apitd_api_top_bar_template::update
- Apitd_api_top_bar_template::add
- ApiAPI – Top Bar Template – Introduction
- Apitd_api_single_template::update_key
- Apitd_api_single_template::update
- Apitd_api_single_template::add
- ApiAPI – Single Template – Introduction
- Apitd_api_footer_template::update_key
- Apitd_api_footer_template::update
- Apitd_api_footer_template::add
- ApiAPI – Footer Template – Introduction
- Apitd_api_smart_list::update_key
- Apitd_api_smart_list::update
- Apitd_api_smart_list::add
Hi,
As a suggestion to fix this you can set the code in head of file like this -> https://i.imgur.com/og95MdX.png this should fox the problem
<style>
.td-post-template-5 .td-post-header header .entry-title { font-size: 22px; line-height: 30px; }
</style>
Hope this will help you!
Thank you!
Hi,
You you can set a z-index, unfortunately I can not check the problem if I’m not loged.
As I can see you are using a cloud header, this can be edited with tagDiv Composer and set the z-index -> https://i.imgur.com/iu2B9iQ.jpg
Thank you!
Hello !
In order to make the site full width you have to select every row of your page using the tagDiv Composer and then set the stretch mode you want like here : https://www.screencast.com/t/BkWwdHh6
In order to make the post page full width you will have to add a single post template and then edit it. Check more about how to have single post template here: https://tagdiv.com/customize-articles-with-single-post-templates/ And for the header you can do it here: https://www.screencast.com/t/xf56tQN0.
These are the ways you can increase your page width from theme options. Anything above this will require custom code.
Thank you !
Hello !
Once opened the tagdiv composer you can either edit the header or the footer by using the website manager: https://www.screencast.com/t/5VkiUmHQvF
You can import or add a different header for the homepage.
Thank you !
Hi,
This can be done if you are using a cloud template from tagDiv Cloud Library, edit it with tagDiv Composer, set the phone viewport and select the menu you want to have on mobile -> https://i.imgur.com/KhhD1Dl.png or using mobile theme plugin -> https://i.imgur.com/8qPPQRr.png
Thank you!
Hi,
The links for banners can be adjusted, for example if the ads are set in theme panel -> https://i.imgur.com/oEFqGhf.png or if you have a cloud header from tagDiv Cloud Library it can be set with ad box, for this you need to edit the cloud header with tagDiv Composer -> https://i.imgur.com/Z72PVG5.jpg
Of if you are referring to logo and not banner ads this can have a different url only if is set a cloud header -> https://i.imgur.com/r4Kusm9.png
Hope this will help you!
Thank you!
hi, why can’t i customise the main menu and the header with tagdiv composer and even add a new main menu, it s impossible to do any changes in header area ??? the same thing with the footer
“This can be done if you are using a cloud header form tagDiv Cloud Library, you need to edit it with tagDiv Composer, remove the live search and add search form”
———
Calin, could you provide step by step manual how to do it from my side?
And sorry for the stupid question? 🙂
should I modify Search bar location for each post and page or May I seyb new Search bar position for all pages and post’s header?
Hi!
I’m trying to send events to Google Analytics whenever a search is performed through the Header Live Search. In particular I’m interested in what users are searching for.
I am able to capture the submit event when the user clicks ‘Search’ and I am able to capture a click event when the user selects one of the choices that appear when they’ve searched for a term but I cannot find a way to capture any event when enter is pressed in the input field. As far as I can tell no event is being fired (not submit, not keyup, not keypress, etc.).
I’m looking for advice on handling this particular case. I am also interested in whether this is the best approach to tracking searches or whether there is a standardized way of tracking these searches that is supported ?
Take care,
Billy
Hi Calin,
Here are the screenshots:
https://www.dropbox.com/sh/31os9mewgzq3apf/AABRwraI9wEWvo42YQybruqja?dl=0
The first shot shows the new child theme in the wp-content/themes directory (1062).
1063 shows what is in Newspaper-child directory. The TagDiv instruction is “Simply add the files in newspaper-child directly and the system will rewrite files from the above folder” for the files in the Newspaper theme root directory. Both the “includes” and “parts” directories are there.
1064 shows the three subdirectories in the “includes” directory contents.
1071 shows “category templates ” directory contents.
1066 shows “footer” directory contents.
1067 shows “header style” directory contents.
1068 is “category top posts styles” directory contents.
1069 is “shortcodes” directory contents.
1070 is the “parts” directory which includes “footer” and “header.”
We have a Tagdiv WordPress account; if you email me I will send you credentials.
Thank you!
Hi!
I hope you can help? I’ve raised this previously as a future feature request, which is to add a setting to make the Block Header 8 title change accent colour on hover.
In the meantime, do any of you lovely admins know if there is a way to add some CSS to achieve this effect?
Basically, on hover/mouseover I need the Block Header title to change colour. Pretty simple, and it’ll help navigation hugely if people know this is a link to each category! A helpful screenshot is below.
Any ideas gratefully received!
All the best,
Matt

Hi,
Usually this is set in mobile menu or if you are using a pro demo and responsive version, you can edit with tagDiv Composer the cloud header and set a button or you can use html raw -> https://i.imgur.com/2VKXaJA.png or column text and set the html in text section -> https://i.imgur.com/uSzeDMv.png using these elements you can set the html code, but the js need to be set in theme panel -> https://i.imgur.com/weCrR1w.png
Thank you!
Hi,
This can be done if you are using a cloud header form tagDiv Cloud Library, you need to edit it with tagDiv Composer, remove the live search and add search form -> https://i.imgur.com/s3lQvgb.png will be recommended you have a row set in 2 or 3 columns and the search form will take the column width -> https://i.imgur.com/847q6Vf.png
Thank you!
Hi,
1. If you check the mobile version, you’ll see that there is no longer the header from there rest of view-ports (desktop, table) -> https://i.imgur.com/qJe6aVM.png therfore you’ll need to add a new row on mobile and set the ad in ad box.
2. that code is for banners/images also the one for your example is for all devices, but for adsense is no need for this extra code ->
Thank you!
Hi,
Since I added the site header as Cloud Template, the post content jumps down every time I load a post. Example:
https://mein.baby/babyphone-worauf-man-achten-sollte/
Video of the issue: https://www.loom.com/share/dbce8ea9cdbf4eb28bc0c35d53b2ddbb
I disabled all 3rd party plugins to test if the issue is a conflict but it still did exist. I thinks its coming from header Cloud Template. Thanks in advance for any help!
PS: What I also noticed that since I’m using the Cloud Template, it takes very long until the main menu appears (also noticeable in the video I linked.)
Hi,
I just checked your website and I see that you have set a header ad and one at the end of article and in footer https://i.imgur.com/YH6vP5d.png -> https://i.imgur.com/vgAXy1r.png also the ads are displaying on mobile too https://i.imgur.com/msLVDvI.png -> https://i.imgur.com/jDe287H.png -> https://i.imgur.com/x2JO1Ol.png
You can check more about ads in our documentation from here -> https://i.imgur.com/mnJAyaW.png -> https://forum.tagdiv.com/ads-adsense-overview/
Thank you!
Hi,
Is possible to had set the Big Grids in header zone. Please make sure that when you edited your homepage with tagDiv Composer, you set the page content in content zone, not in header or footer zone -> https://imgur.com/mcAFNTS -> https://imgur.com/jWAf8XW -> https://imgur.com/dI1KVo7
If there is still a problem please provide a link to can inspect your website.
Hope this will help you!
Thank you!
Hello. Thank you always for your help.
I’m not using a mobile theme. And I don’t want to use a mobile theme.
So to make the title smaller on mobile, I used the code below.
.td-post-template-5 .td-post-header header .entry-title {
font-size: 22px;
line-height: 30px;
}
The code worked fine.
However, a new problem has occurred.
When I refresh the page, the title will appear to be a large size at first, but it will be smaller to the size of the code you set.
This makes the page unstable and not pretty.
The problem only occurs on mobile. It also occurs when the cache plug-in is turned off.
And I also applied that size to the theme panel.
Is there a solution?
I give you the address of my homepage.
Thank you.
Hi jamesrobson,
Please note that not all elements from our theme has the same options, therefore not all elements will had the style tab in tagDiv Composer, but all elements will have the General and css tab. css tab is the same for all elements and in general tab can be set some general settings that can be apply on that element.
So if you want to add a gradient on footer zone (or header zone) you need to click on some element from that zone and click on footer -> https://i.imgur.com/AzKBxCm.png then it will be display the options for footer zone then you can use the elements from css -> https://i.imgur.com/UnxaSJw.png or from general -> https://i.imgur.com/BZWbOnI.png also note that in order to see the changes, you need to set the background for the rows in the footer zone on transparent -> https://i.imgur.com/GZo5R4m.png the results will be -> https://i.imgur.com/XATVgCX.png
Hope this will help you!
I have made setting from the theme panel for force full width
as stretch container and 1400 px content for all header, footer, etc. except for main page content i can’t find settings there. how to set the same as 1400 px content for the main content area of the page
(for the home page and also for every page)
Hi,
1. I think that you are referring to this section -> https://i.imgur.com/0TlqeGH.jpg this is a mega menu, it can be achieve using our guide from here -> https://forum.tagdiv.com/mega-menu/ also make sure that you have selected the menu with the mega menu in cloud header (this can be done using tagDiv Composer -> https://i.imgur.com/gGTTolY.png).
2. You need to edit the homepage with tagDiv Composer -> https://i.imgur.com/FWwrpNe.png click on blocks/grids and check the filter tab, you can check more about this in our documentation from here:
-> Flex Block Settings Guide
-> Big Grid Flex Settings
3. You need to create the main category here -> https://i.imgur.com/36lBiqx.png after that you need to add the sub-categories that are under main category -> https://i.imgur.com/NRlTr2Z.png also in mega menu you can achieve this using the mage menu with subcategories.
Hope this will help you!
Thank you!
Hi,
The problem is that you have set in your header style a banner (ad) and this is not remove is only hide using the theme panel option (this is also using css like the one provide by me) -> https://i.imgur.com/120y5FZ.png if you do not want to have the add, then simply remove the code like this -> https://i.imgur.com/EbGksU3.png save the changes clear all cache and check the results.
Let me know the results!
Thank you!
Hi,
You can set the code in header using our theme, with out extra plugins, the code can be set in Theme panel> Analytics/JS Codes -> https://i.imgur.com/U6TJZbV.png
As a suggestion, you can make a test on subdomain or local host with a fresh install only with theme plugins, in this way you can test if the amp is working or if there is still a problem.
Let me know the results!
Thank you!
Hi frangonzalez,
Thank you for your kind words! also sorry for the late answer, we had a day off!
Yes, you can use different css for main header menu and sticky header, you can try this custom css
.tdb-mega-menu .sub-menu > li {
margin-top: 30px!important;
}
.td-header-sticky-smart .tdb-mega-menu .sub-menu > li {
margin-top: 0px!important;
}
You can replace the above code with this one.
Hope this is what you need!
Thank you!