- 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
What I do is put the “responsive” AdSense code in that spot which then allows Google to “load in” the largest banner for that viewport, so full width on desktop, or smaller on iPad portrait, wider on iPad landscape, etc.
This way i don’t have to build in javascript if/then/or logic to load separate fixed size based on viewport — which is basically what TagDiv built into the theme — which is how we’ve all done it outside of what TagDiv baked in.
You can also simply create your own include file, and call that in the ad spot in place of the TagDiv ad code, if you want to hack it — not too hard, just follow the header.php code thread upstream.
Hi, I’m using header style 10 with logo width set at 500px and have uploaded a separate mobile logo.
When I look on my phone, it shows the standard logo which is too large and only shows half of it, and the mobile logo only shows when I scroll down the page and it appears on the sticky menu.
Any help to get my mobile logo showing all the time without having to scroll down would be appreciated. Thanks
Hello, I am currently setting header and logo and have an issue on on mobile.
Every logo is displayed just fine except on mobile
I am now using Header Style 10 and mobile logo size is 140 x 48px
I do uploaded retina logo, of course
Please find me the way to deal with it.
Web address: http://www.plasicluv.com
Thank you!
I have found the issue. It was because of large_client_header_buffers in nginx. I increased it to
4 8k from 2 1k.
I am wondering that why the visual composer would send such big request header?
Thanks Bogdan, adding the below line to my .htaccess file and deleting the cache worked.
Header add Access-Control-Allow-Origin “*”
Is there a way to totally remove header menu on desktop and mobile? I’ve got only a handful of articles and would like to have only 1 category in the beginning.
Thanks!
Hi Andrei,
1. Sorry for my confusion, I was referring to this http://grab.by/MY28
2. Also, is there a way to make the header menu bar transparent?
3. Is there a way you can mass (bulk) manipulate the fonts in all of the posts at once? Say for instance I want to change the font from Arial to Verdana, or the color, without visiting each post and manually change it. I have more than 100 posts that I want to change.
Thank you all for your help.
Keep up the good work.
Hi,
Here are logo sizes from theme panel if I chose Style 1 Header: http://take.ms/kEvPL
And here are logo sizes from documentation: http://take.ms/jTYDv
The same problem with mobile logo sizes. They are also different in theme panel and in documentation.
Which sizes are up-to-date?
Thanks!
Hi
I’ve checked your site and noticed that the z-index for the main menu it’s overwritten by some custom css which most likely comes from a plugin. To fix that try this css in theme panel > custom code > custom css: http://screencast.com/t/DnHrz4iwUK4
.td-header-main-menu{
z-index: 2!important;
}
Thanks!
Hi,
Google requires to specify a publisher for articles and this meta requires to specify the publisher logo – http://screencast.com/t/vzl3J6kMImG – http://screencast.com/t/9vhjSwZS8h
The theme reports the logo set in Theme Panel -> Header -> Logo&Favicon – http://screencast.com/t/NoVwLYVblTb
I suspect you didn’t set any logo and that’s why you get this error in the structured data tool.
To fix it set a logo, then if you don’t want it to appear on page you can hide it with css (display: none) or remove it from the header template. I see you use header style 7, the code can be found here – http://screencast.com/t/yT4Z9sY1
Thank you!
Hello,
I have two problems and I think, both of them is related with each other.
1- Sliders are not working regularly. Slider’s timing doesn’t operate and headers of each post overlapped. It did suddenly, I don’t know why it was. Also, you can see the problem, the half of image is applied effect. But, It also prevents to click to post. You can see the problem here in first slider: https://www.gastesehir.com/yazarlar and second slider similarly in homepage.
2- Now, in any posts, there is no featured image in template style 7. What can be its reason? First, some images cropped half yesterday, today I cannnot see any image in any posts. You can see the sample from here: https://www.gastesehir.com/haber/ressam-bozcali-sergisi-icin-taha-toros-arsivi/
I read many articles in Newspaper forum and tried some css codes. Also, I looked to something in caches and Lazyload fade effects. But, I can’t succeed.
If you clarify what my problem is I’ll be really glad.
Thanks in advance,
Hello blmg1,
Please try the code below and place it in Theme panel->Custom Css area.
@media (max-width: 767px){
.td-header-style-4 .td-top-menu-full {
display: block!important;
}
}
The result you should see here: http://screencast.com/t/jciXctJKiX6
Hope this helps and let us know how it goes!
Thank you for the message!
Hi
Sorry for misunderstanding you.
The page structure changes a bit when the homepage post it’s used, that’s why the extra class added for the row isn’t targeted. To change the tile color for this post try this css: http://screencast.com/t/Q2oKTi7fjk
.page-id-14196 .template6-header .entry-title a {
color: red!important;
}
Hope this help.
Thanks!
Untouchable support.
Thank you so much.
For reference, this was the code that helped:
.td-header-sp-recs img{
position:initial!important;
}
#zone455099114 ins{
width:100%!important
}
Hi,
It is the home page (front page), not a post. Here is a screenshot: http://boulderweekly.wpengine.com/wp-content/images/bw-ss.jpg
URL: http://boulderweekly.wpengine.com/
If you view the source, line 1121 contains the class ‘dark-text’
<div class="vc_row wpb_row td-pb-row dark-text"><div class="wpb_column vc_column_container td-pb-span12"><div class="wpb_wrapper"><div class="td_block_wrap td_block_homepage_full_1 td_block_id_334295008 td_uid_37_567aaba5bf08d_rand td-pb-border-top"><div id=td_uid_37_567aaba5bf08d class="td_block_inner"> <script type="text/template" id="td_uid_37_567aaba5bf08d_tmpl">
<article id="post-14150"
class="td-post-template-6 post-14196 page type-page status-publish hentry" itemscope itemtype="http://schema.org/Article">
<div class="template6-header">
<div class="td-post-header td-container td-parallax-header" id="td_parallax_header_6">
<header class="td-pb-padding-side">
<ul class="td-category"><li class="entry-category">News <h1 class="entry-title">Black in Boulder</h1> <div class="meta-info">
<div class="td-post-author-name">By Matt Cortina - </div> <div class="td-post-date"><time itemprop="dateCreated" class="entry-date updated td-module-date" datetime="2015-03-19T23:00:00+00:00" >March 19, 2015</time><meta itemprop="interactionCount" content="UserComments:1"/></div> <div class="td-post-comments"><i class="td-icon-comments"></i>1</div> </div>
<div class="td-read-down"><i class="td-icon-read-down"></i></div>
</header>
</div>
</div>
</article>
</script>
</div></div>
Hello,
It seems the third time i tested this, the code did not work on my end as well. It worked the first 2 times i tried it like the screenshots above show. Strange.
Please try this one to see if it works now. I used a different container:
@media (max-width: 767px){
.td-header-sp-top-menu {
display: block !important;
margin-left: 14%;
margin-right: auto;
}
.td-header-top-menu-full {
display: block ;
}
}
Thank you
Hello – I am using an ad server with the theme ad zones but for some reason the header ad is only showing a small sliver of my ad.
I have sent my site + ad code to contact@tagdiv.com if you don’t mind having a quick look… Would this be a CSS issue?
(If I should be emailing another address for private communication, please let me know).
The other ads on the site are served in a similar fashion with no issues.
Thank you in advance for your assistance.
Hello,
1) Sorry about that, I have not notices the sticky menu. It also needs to be adjusted:
Use this code besides the other one from point 1:
@media (min-width: 1141px){
.td-header-style-8 .td-affix .td-header-sp-logo{
padding-top:100px
}}
@media (max-width: 1141px){
.td-header-style-8 .td-affix .td-header-sp-logo{
padding-top:75px
}}
4) Please use this code:
td_module_14 .entry-title:after {
content: none;
}
Thank you!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/vaAbpb4CCmA
@media (max-width: 767px){
.td-header-top-menu{
display: block !important;
}
Note that the top bar wasn’t designed to work on mobile devices so you may need additional css customizations in order to be displayed fine.
Thanks!
Hello Rasken,
Please tell me what kind of header style do you use? I need to know this because depends then I try to change the color of the hover and the classes are different.
If you are using header style to default, you should try the code below to change the hover color, like this:
.menu-item-913:hover {
background-color:red;
}
The result: http://screencast.com/t/qeroQ2Ml2
If you are using, for example header style 3, it is a bit more complicated because appear a lot of classes, like this:
.td-header-style-3 .black-menu .sf-menu > .current-menu-item > a, .td-header-style-3 .black-menu .sf-menu > .current-menu-ancestor > a, .td-header-style-3 .black-menu .sf-menu > .current-category-ancestor > a, .td-header-style-3 .black-menu .sf-menu > li > a:hover, .td-header-style-3 .black-menu .sf-menu > .sfHover > a {
background-color: red!important;
}
The result: http://screencast.com/t/Lweewp77j
As default font, our theme use ‘Roboto’ and ‘Open Sense’.
For more information about pagespeed, please check our tutorial here: https://forum.tagdiv.com/how-to-make-the-site-faster/
About your second request, you can try to do minification to style.css to improve your website speed. We do not recomend this thing because it is possible to appear some errors in our theme but you can try to do this. We have reports about this that function properly. As reference, you should check this tutorial http://screencast.com/t/lgzXo4l8iG and also you should find a plugin to do this for you.
You can do a quick search through the forum to see other tools you can use: https://forum.tagdiv.com/search/minify/
Hope this helps and let us know how it goes!
Thank you for the message!
Wow that was fast – thanks a lot Bogdan for taking the time to help me 🙂
1) I tried resizing the logo, but it’s still floating out of line when scrolling down the page – do you have some advice how to accomplish ‘fixing’ this? The rest of the header looks perfect with that code.
2) awesome, thank you!
3) alright, I’m glad to know I have the option of changing the height if I need it then.
4) that’s what I mean: http://oi67.tinypic.com/10x9iyo.jpg
5) great, thanks a lot!
Hi Gunnar-
Here is the code I came up with:
/* ----------------------------------------------------------------------------
Filter for adding additional pages to a smart list article v1.02
----------------------------------------------------------------------------- */
// We want to show an existing article as a promotion when a user clicks Next while viewing a smart list article
// NOTES FOR ARTICLES USED AS ADS/PROMOTIONS AT END OF SMART LIST:
// 1. Make the promo article a Smart List
// 2. The first line of the article used as a promotion must start with a <h3> header
function add_promo_to_smartlist($content) {
if(is_single()) {
$my_postid = 15304; // Enter ID of post to append
$post_object = get_post( $my_postid );
$new_content1 = $post_object->post_content;
$content .= $new_content1;
}
return $content;
}
add_filter('the_content', 'add_promo_to_smartlist');
NOTE: I have only used this with Smart List 7.
I made this into a plugin but you can also use it in your functions.php file. (Use at your own risk! I know just enough about this stuff to be dangerous.)
I’m running Newspaper 4.0.2 (I know there are newer versions, it’s just that I have my site exactly the way I want it already and I don’t want to mess it up).
I recently upgraded my site from http to https. Now, when I try to save the Theme Panel, it doesn’t work, and this error comes up in the Chrome JS console:
POST https://churchpop.com/wp-admin/admin-ajax.php 406 (Not Acceptable) load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-core,jquery-ui-widget,jquery…:5
In the Firefox web console, it says:
Request URL: https://churchpop.com/wp-admin/admin-ajax.php
Request Method: POST
Status Code: HTTP/1.1 406 Not Acceptable
Request headers
X-Requested-With:XMLHttpRequest
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10.10; rv:21.0) Gecko/20100101 Firefox/21.0
Referer:https://churchpop.com/wp-admin/admin.php?page=td_theme_panel
Pragma:no-cacheHost:churchpop.com
Content-Type:application/x-www-form-urlencoded; charset=UTF-8
Content-Length:47699
Connection:keep-alive
Cache-Control:no-cache
Accept-Language:en-US,en;q=0.5
Accept-Encoding:gzip, deflate
Accept:*/*
Some stuff about Cookies
Response Headers
Server:Apache
Keep-Alive:timeout=10, max=500
Date:Tue, 22 Dec 2015 21:25:20 GMT
Content-Type:text/html; charset=iso-8859-1
Content-Length:226
Connection:Keep-Alive
I tried the following code, but it didn’t work:
@media (max-width: 767px){
.td-header-top-menu-full {
display: block !important;
}
.td-header-sp-top-menu {
display: block!important;
}
.menu-top-container {
display: none !important;
}
}
Hello,
I’m unable to install the social counter plugin. The error being displayed is:
The plugin does not have a valid header.
Could anyone help with this please?
Thank you