- TutorialsDefault Block Settings Guide
Hello,
The menu was not meant to be modified in the way you want it. The path was not clear from the start and you cannot change the css broken into many pieces without knowing the end of the project. This type of approach leads to this kind of bumps that cannot be overcome. The css got too complicated because of your multiple requests for css customization codes and provided by multiple people. The only proper fix for this is to scratch the css and hire a developer if you want to customize the headers as customization is not part of the theme support. The services you require fall beyond what the theme support can offer you. This type of customization usually takes quite a bit of time and we cannot allow too much time on a single request as we have lots of messages to answer to. Please understand we try to help out where we can but we are not a customization department. If you are unsatisfied with our theme or our theme support, we have offered your money back as a sign of good will.
Our theme offers 10 header styles to choose from. Header style 10 already provides the customization you require out of the box. You can simply choose style 10 and remove the custom css for your current header style. This should have been the first step to take in your goal.
Thank you for your patience and understanding.
Hi,
Unfortunately it is not so easy to make the changes you want. The theme has the available options for header styles, each with a different layout. These were specially created and tested to work properly in all cases. If you want to modify the properties of a header style you can use the browser inspector tool to identify the elements used and their classes and create custom code – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ and also take in acoount the responsive design when you make these modifications. I see that you have made the header menu full width, the sub menu is related to the menu item you are on, so the best you could do is use a code like this – https://www.screencast.com/t/47uUZPmzA but in the case where a background is set, like post template 8 it will not be easy to make the menu full width. This is the code you must enter in Theme panel->Custom Css
.td-header-style-5 .td-mega-menu ul {
left:auto!important;
}
Thanks
Hi,
All of the theme’s ad options available are in Theme panel->Ads. Regarding posts you can have article top ad, inline ad (after a set number of paragraphs) and article bottom ad. More information here – https://forum.tagdiv.com/article-ads/ and here – https://forum.tagdiv.com/post-template-ads/ You can follow this guide to set your ad in the sidebar – https://forum.tagdiv.com/sidebar-ads/ and also find out more about the custom ad possibilities here – https://forum.tagdiv.com/custom-ad-spots/
A for the header size please provide your site and detailed information about what you want to modify, because there is no option for this, it must be made custom.
Thanks
Hi,
Then you must insert your code in the header.php file found in the theme folder – https://www.screencast.com/t/VnEkMX5xnK inside the head tags – https://www.screencast.com/t/M9zUdqb24
Thanks
Hi Simon,
Thanks for the reply and the suggestion links. It really helped me. With a little bit of custom code, the mobile header ad is displayed properly. You can mark this topic as resolved.
Thanks once again.
Hello,
The hover color for the header menu and the other links of the site is handled by the theme accent color:
https://www.screencast.com/t/JF81OBfxeeTF
There is also a separate color change for the menu though: https://www.screencast.com/t/pkc2oL86DmXH
Thank you!
Hello,
Thank you for your kind words.
1) Add this code in the theme panel-> custom css box:
.td-footer-wrapper .td-pb-span4 .widget_facebook_likebox .td-block-title span a{
color: #f8b133;
}2) You cna fix it using this code:
.td-footer-wrapper div .td_block_template_8 .td-block-title > *:before{
background-color: #f5f5f5!important;
}
You can change the color in the code to one that feels more appropriate. I added the exact same color from the top header blocks but it appears too bright compared to the dark blue of your footer background.
Thank you!
Hello,
Can you please explain how can I place an ad code in the middle of the post, and I also want to add two ads at the and of the post. Also, I want to add an ad after a certain paragraph. How can I do this?
With my previous theme I used the quick adsense plugin for my ads, which provided me the best solution to place my ads. But after installing the Newspaper theme my sidebar is not working properly only on the posts. Namely, the sidebar is on top of the text (it overlaps my post). I think that the plugin is not compatible with the theme. This is why I need your help to set my ads without using the quick adsense plugin and be able to have a functional sidebar.
Also, How can I create a custom size header on desktop? I tried changing the image resolution in the header but the header size seems to be fixed.
Please help!
Regards,
Here is the entire code I have been provided with. I did not invent it myself. I am not a programmer. It has given to me in this forum.
.td-header-style-1 .td-header-top-menu {
top: 0;
}
@media(min-width:1021px){.td-header-style-1 .td-header-row {
width: 1023px;
margin-left: auto;
margin-right: auto;
}
}
@media(max-width:1021px){.td-header-style-1 .td-header-row {
width: 1023px;
margin-left: auto;
margin-right: auto;
}
}
.td-header-menu-wrap {
background-color: #000;
min-height: 48px;
}
.td-header-style-1 .td-header-row {
width: 1030px;
margin-left: auto;
margin-right: auto;
}
.td-header-sp-logo {
width: 500px;
position: relative;
margin-bottom: 8px;
margin-top: 8px;
}
.td-header-sp-rec {
float: right;
margin-bottom: 8px;
margin-top: 8px;
width: 468px;
position: relative;
}
@media (min-width: 768px) {
#td-top-search {
position: absolute!important;
top: 10%;
}
}
.td-header-container {
width: 100%;
}
@media(min-width: 768px) {
#td-top-search {
margin-top: 0!important;
position: inherit;
display: inline-block}
}
.td-header-menu-wrap:before {
background-color: #c00000;
content: “”;
display: block;
height: 4px;
}
.td-header-border:before {
height: 0;
}
.td-trending-now-wrapper {
background-color: #FFFF00;
height: auto!important;
}
.td-container-border > .td-pb-row:first-child .wpb_wrapper .td_block_wrap:nth-of-type(1) {
background-color: #FFFFFF;
}
@media(max-width: 768px){
.td-header-sp-rec,
.td-header-style-1 .td-header-row {
width: 100%!important;
}
.td-main-menu-logo img{
width: 75%;
}
}
.td-header-style-1 .td-header-main-menu.td-affix {
width: auto;
border-top: 4px solid #c00000 ;
}
@media(min-width: 1024px){
.td-header-style-1 .td-affix #td-header-menu {
width: 1030px;
margin: 0 auto;
}
}
@media(min-width:768px)and (max-width: 1023px){
.td-header-style-1 .td-affix #td-header-menu {
width: 756px;
margin: 0 auto;
}
}
Here is the entire code I have been provided with. I did not invent it myself. I am not a programmer. It was given to me in this forum.
.td-header-style-1 .td-header-top-menu {
top: 0;
}
@media(min-width:1021px){.td-header-style-1 .td-header-row {
width: 1023px;
margin-left: auto;
margin-right: auto;
}
}
@media(max-width:1021px){.td-header-style-1 .td-header-row {
width: 1023px;
margin-left: auto;
margin-right: auto;
}
}
.td-header-menu-wrap {
background-color: #000;
min-height: 48px;
}
.td-header-style-1 .td-header-row {
width: 1030px;
margin-left: auto;
margin-right: auto;
}
.td-header-sp-logo {
width: 500px;
position: relative;
margin-bottom: 8px;
margin-top: 8px;
}
.td-header-sp-rec {
float: right;
margin-bottom: 8px;
margin-top: 8px;
width: 468px;
position: relative;
}
@media (min-width: 768px) {
#td-top-search {
position: absolute!important;
top: 10%;
}
}
.td-header-container {
width: 100%;
}
@media(min-width: 768px) {
#td-top-search {
margin-top: 0!important;
position: inherit;
display: inline-block}
}
.td-header-menu-wrap:before {
background-color: #c00000;
content: “”;
display: block;
height: 4px;
}
.td-header-border:before {
height: 0;
}
.td-trending-now-wrapper {
background-color: #FFFF00;
height: auto!important;
}
.td-container-border > .td-pb-row:first-child .wpb_wrapper .td_block_wrap:nth-of-type(1) {
background-color: #FFFFFF;
}
@media(max-width: 768px){
.td-header-sp-rec,
.td-header-style-1 .td-header-row {
width: 100%!important;
}
.td-main-menu-logo img{
width: 75%;
}
}
.td-header-style-1 .td-header-main-menu.td-affix {
width: auto;
border-top: 4px solid #c00000 ;
}
@media(min-width: 1024px){
.td-header-style-1 .td-affix #td-header-menu {
width: 1030px;
margin: 0 auto;
}
}
@media(min-width:768px)and (max-width: 1023px){
.td-header-style-1 .td-affix #td-header-menu {
width: 756px;
margin: 0 auto;
}
}
Hi,
Maybe the ad code is not correct or responsive – the theme displays the code without modifications to the width – https://www.screencast.com/t/dyT551FwxfH. Try setting manually a width and height within the ad code. You can try some online suggestions for this type of error – https://wordpress.org/support/topic/adsbygooglepush-error-no-slot-size-for-availablewidth0-blank-ads-solution/ but keep in mind that not all plugins are fully compatible with the theme, and may not work properly. You can find more about the theme ad settings here – https://forum.tagdiv.com/header-ads-adsense/ and also here – https://forum.tagdiv.com/using-other-ads-non-adsense-ads/
Thanks
Hello,
Could you please let me know how can I change the following header css
.td-header-style-1 .td-header-sp-recs, .td-header-style-1 .td-header-sp-logo {
margin-bottom: 28px;
}
I can change it to custom css, but when open the page it will load default first then custom css.
here is the sample page. http://admin.dushi.singtao.ca/toronto/
You can see the top header height changed a little bit delay.
Thank you!
Chris
Hi there! Let me first thank you for the great job with Newspaper 7, it’s awesome!
I have two minor issues regarding my block titles in the footer (my site is: http://www.psl.ucr.ac.cr):
1. I’ve put the Jetpack Facebook page plugin in the first of my three footer columns. Everything works OK, but in this only case, the block title for the widget changes color, from the standard yellow I’m using, to white. I need it to stay yellow. Have tried some custom coding, but haven’t been able to target it.
2. Also, my general block header template is set to “Header Template 8”, so it displays a light grey block line to the right of the title (see here: http://www.screencast.com/t/qEU1zXXwS). But in the titles of my three footer columns, this light grey block lines turns into an ugly blackish one. I need it to be the same light grey as everything else.
In this screen capture you can see both problems in the footer: http://www.screencast.com/t/jLS1Aldwqli. Any ideas on how to fix that?
Thanks a lot. Cheers!
Fidel
Hey all
Trying to move the pagination so that it’s at the end of the article rather than after all of the WordPress share features. Any way to do this?
Also, while I’m here – what’s the shortcode for the news ticker so that I can place it on another page? (for example have it show on the header of every page rather than just the home)
For example this is a sports post https://soperth.com.au/nbl17-perth-wildcats-2017-nbl-champions-15974
and ideally I would like to have in-line content header and footer ads for sports category only posts (screenshots – 
)
Also just for reference sports is a main category and then there are sub categories of sports for all the different sporting teams. Would this be a factor if I am able to have ads show just for sports articles?
Thanks for your quick response.
Cheers
Adam
Yes, RuTube and another video from different channels on the site.
With Youtube the site shows well, but the other part of the video (50%) from other channels.
And why did the MobileTem ColorMag Pro show normally?
Installed temporarily “jetpack” “Mobile theme”, the video fits well on the phone and there are no errors https://search.google.com/search-console/mobile-friendly.
What do you advise me to do more? How do I put the code from google.com/adsense? To show in the “jetpack” “Mobile theme?
How to hide from the main http://namtv.ru/ page “code”, I go through the phone and see:
[td_block_4 custom_title=»ТВ — передачи» header_color=»#1e73be» category_id=»2″ limit=»3″ ajax_pagination=»next_prev»]
[td_block_4 custom_title=»Фильмы и сериалы» header_color=»#8224e3″ category_id=»547″ limit=»3″ ajax_pagination=»next_prev»]
[td_block_4 custom_title=»Новости» header_color=»#dd3333″ category_id=»458″ limit=»3″ ajax_pagination=»next_prev»]
I am using shortcodes in Theme Ads spot, from an Ad plugin(for blocking ads on some posts). While all other ads are working fine, I am facing issue only in mobile header ad. It’s showing an error “No slot size available for width=0”. Can you tell me anyway that I can remove the error(can we set the minimum width of mobile ad container)?
You can check at http://www.groundzeroweb.com
Hello,
1) We always recommend using a header style that uses the full logo if you want bigger sizes for your logo. Here are the required logo sizes for all the different header styles: https://forum.tagdiv.com/header-styles/
Please use headwer style 9, 10 or 11 as they will show the exact size you upload your logo in. Right now your logo cannot be stretched to 434 pixels as it is only 300 x 86 and forcins it to stretch via css will cause lots of quality loss https://www.screencast.com/t/QiIJLqhlTHY
2)If you add a featured image and add it in the content as well, then both will show up on regular post styles. Our theme has 14 post style to choose from. Please change the post style for the posts that have this duplicate image to post style 5 that will not show the featured image: example:
https://demo.tagdiv.com/newspaper/td-post-mcdonell-kanye-west-highlights-difficulties-for-celebrities/
Thank you!
Hello antonmh,
As you can see, our demo preview uses the Header Style 1 and also, it does not have any background image set it. Please keep in mind that if you will set a background on your website, the theme will be automatically switched to the boxed mode and the header and footer section will not be in full width.
Thanks for your understanding!
Hey guys,
I was wondering if there would be a way that I can align custom ad sections to showcase 1 x leaderboard ad as in-line header and 1 x leaderboard as in-line content footer and have them only display on articles within the category sport?
This way any sports article created will then have a specific ad that shows as the header and footer of the post which will be more relevant to the audience who are reading sports posts,
Cheers
Adam
Hello Vishal,
If you want to display the Topbar on mobile view, you should use the code below and place it in Theme panel -> Custom CSS area.
The code is ->
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}
}
The result is here -> https://www.screencast.com/t/T6mVdox4du9a
Thanks for the message!
Hi Simion,
Ok I understand.
The two topics you sent are a little bit different of my problem.
I would like to change the header : logo + change the menu (not just the design, the links) in a conditional logic like (specific page or tag).
Regards,
Hi
i edit the site .htacces with the code of previous article ( code : Header add Access-Control-Allow-Origin “*”). but,it’s not working.still i can see the strange chinese symbols replaced icons and arrows in the site homepage.
my site link is http://womanly.lk/en
Please help me!
Thanks
