- NewsmagHeader styles
- NewsmagHeader ads
- NewsmagtagDiv Composer Tutorial
- NewsmagCategory templates
- NewsmagSmart list ads
- NewsmagWeather Widget
- NewsmagInstagram widget
- NewsmagPage Menu
- NewsmagMain menu
- NewsmagTop bar templates
- NewsmagLogin – how to enable the user registration
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagCategory grid styles
- NewsmagCategory top post styles
- NewsmagHow category settings work
- NewsmagTheme colors introduction
Hi,
Please provide your site’s URL, I need to inspect this so I can provide a solution for it.
Thanks
I’ve just changed header style to style 8 – logo + menu on one line and there’s a faint grey line running along the top through my logo as shown http://screencast.com/t/9agH8j7EMm
How can I remove it?
Best regards
Richard
Hi,
Yes, please use this custom css: http://screencast.com/t/41OqKPwv
.header-logo-wrap .td-logo-wrap-align {
text-align: center;
}
.td-logo-rec-wrap .header-logo-wrap img {
margin-left: 0px;
}
Thanks
Hi Lucian,
I have done that. I have also used the Insert Headers and Footers plugin to verify in Google Webmaster tools also. Is that needed with this theme? (it shows my UA code though!
So I just installed 4.5 (overwrite method). But the CSS were missing for fonts and header/other sections. The site looked messed up. Fortunately, I had backup 😉
Lucian, is it because of overwriting?
Hey guys,
Quick question. Is it possible to align the logo (image, no text) in the centre of the header? I’m already using the blog style – header style.
Thanks in advance,
Tim
http://www.runners-high.nl
Thanks for the code Lucian, unfortunately I have different header colors set for my block – they arent one single color. How do I go about it then?
Have a look – http://www.droidgoblin.com
Hi,
Use this css: http://screencast.com/t/fdh2cfK1fA0
@media (min-width: 1018px){
.td-affix .td-style-8-logo-wrapper {
display: none !important;
}
.td-header-style-8.td-affix .td-menu-header .td-li-wrapper-menu {
float: none !important;
text-align: center;
}
.td-affix .td-menu-wrap .td-style-8-menu-wrapper {
text-align: center !important;
}
}
@media (max-width: 1018px) and (min-width: 768px) {
.td-affix .td-head-style8-logo-mobil {
display: none !important;
}
.sf-menu > li > a {
font-size: 13px !important;
font-weight: normal;
text-transform: uppercase;
}
}
Thanks
It worked thank you.
Hi Lucian,
Please take a look: http://screencast.com/t/xPV8ZPlrg
The main header shows up and the menu items that should’ve been on the left side are on the default side (left).
I think its related to the @media query. Please take a look.
Thanks!
I had the same problem. Here are my steps (I think these are the only two I used, so let me know if it doesn’t work).
1. I edited my single_template_3.php file and moved the <header> content, which originally looked like this:
<header>
...
</header>
</div>
</div>
</div> <!-- close the row from td_page_generator -->
To look like this:
</div>
<header>
...
</header>
</div>
</div> <!-- close the row from td_page_generator -->
Note that I also redid my subtitles using Advanced Custom Fields. The way I did it, I was able to put it under the title in the <header> section. I’m not sure whether yours will end up where you want them.
2. I styled the header using CSS:
.single_template_3 header {
position: static;
}
@media (max-width: 768px) {
.single_template_3 header h1 {
margin-top: 30px;
}
}
This was a few weeks ago now and I don’t quite remember how I determined those style rules, but anyhow, hope it works for you…
Hi,
You can use the header style 3 then make this changes in the header.php file: http://screencast.com/t/KD39mCRe then add your ad code and use the Adsense size to select the ad size you want: http://screencast.com/t/7opWwerdq
Also note that the Google adsense will be made responsive automatically by the theme. For other ad type please check this guide: https://forum.tagdiv.com/ads/
Thanks
Hi!
I would like to put Adense banner above the header, Adsense or my own banner code.
The size is 980×120, 970×250 or 970×90.
Is it possible and can I make it responsive also?
Many thanks and keep up the good work!
Niclas
works fine for me —-> http://www.football-eu.com
Hi,
First please make a backup of you current theme installation or a copy of the files you change.
Replace the content of menu-header.php file with this: http://pastebin.com/Ca9nXZ6M
Replace the content of menu-top.php file with this: http://pastebin.com/mFCypxcC
After this please add this custom css in theme panel > custom css field:
#td-top-search .td-sp, .sf-sub-indicator {
background-image: url('http://0div.com:70/wp_009/wp-content/themes/009/images/header/elements-menu.png') !important;
}
.td-sp-ico-search{
width: 25px;
height: 25px;
background-position: -20px -544px;
}
#td-top-search {
position: relative !important;
top: 0px !important;
}
#search-button .td-sp-ico-search {
position: relative;
top: 0px !important;
}
.header-search-wrap #search-button {
height: 20px !important;
}
Result: http://screencast.com/t/YVtS1DXV0N2
Replace this URL with your local one: url('http://0div.com:70/wp_009/wp-content/themes/009/images/header/elements-menu.png')
Thanks
Basically what I’ve done for my site is
(not using child themes as they add CSS redirects bad for SEO/speed)
a) search/replace all instances of fonts I don’t want to load from Google in my style.css file; using common font stacks for fallback such as 'Open Sans',Arial,sans-serif
(if you don’t know what font stacks are, see: http://cssfontstack.com/
b) set all my fonts in theme panel to ‘default’ so there is no code if/then trying to insert any custom fonts into header/footer/speedbooster
c) commented out the code in functions.php which loads google fonts on the page; and also removed the section of code which has the various links to theme fonts on google I won’t be using; no need to have if/then code asking to load fonts from google if I’m never going to do that via theme code (as per examples in my prior posts in this thread); need to both or you will get error. Same code in 4.22, 4.3 and 4.4 versions of theme.
d) I grabbed the link from google fonts website for the font I wish to use (as per my example above in this thread), then pulled the actual css from that link so I won’t be loading the links to the fonts from their CSS file (one less CSS file loaded on page); placed this at bottom of my own style.css file after the minified code, so that it lives in its own section after theme styles.
All of this was done with caching off, mod_pagespeed off, so that changes are picked up immediately. When editing my files I use either TextPad on the PC, or BBEdit on the Mac, to ensure my files have Linux/Unix line breaks since I’m using Linux web server. Some PC editors will put “Windows line breaks” in files, which are bad for Linux servers, in some cases, and can cause parsing errors. So, helps to know what you’re doing if editing core files for a web server.
PURPOSE OF ALL OF THIS:
1) speed up website
2) remove intermediate call to CSS style sheet on google, which may not have proper expiration headers/TTL, and may show “advisory” from testing GTMetrix,PageSpeed Insights, etc. – may help “rating” by removing one so-called issue caused by Google’s own system.
You do *NOT* need to do this, unless you have ALL OTHER optimizations in place. Many sites load their fonts from Google using their function call as it’s essentially loading from a CDN. However, “hacking” the theme for this purpose can help advanced users resolve those last couple of ratings issues, and also those obsessed with micro-optimizations.
WARNING
this hack must be done EVERY time you update the theme; so if not willing to do that, best to skip this whole subject and get on with creating great content which is better for SEO and SERPS than saving a couple of milliseconds on font loading.
Hi, the leaderboard ad is overlapping the logo and the entire header. Doesn’t happen all the time but it shouldn’t be happening at all. How can I fix this? Anybody?
Screenshot: http://goo.gl/z35xkS
Hi guys,
We are currently struggling to make the website look “more professional” on the top-header. At the moment we have a huge gap that bothers us (too much white), between the menu and the search function. Is there any way that we can change the design to look more like http://techcrunch.com/ for example? (visible search field) or remove the search function from there and add some social media buttons? Please see attached a few screenshots.
Thanks again for your huge support.
http://s7.postimg.org/qfca2irqj/techcrunch.png
http://s7.postimg.org/ksfx51p7v/wearables.png
Lucian:
The first step is clear. Changing the span class into span12 has corrected the problem with the last menu being pushed dowm.
The second step is not clear at all. I’ m not familiar with WP so I don’t know where to find the code to be replaced. It would be also great if you could include a copy of the final code so i have not to write it by hand (this is not an issue of being lazy but of not making mistakes).
I have not provided you my site url because is not live yet.
Thanks in advance.
Hi,
For your first issue, you can get rid of the breadcrumbs on search module like this: http://screencast.com/t/wd80UQ6nBuWy
You can remove them the same way for other module also.
Regarding issue #2 please note that those setting will work for the pages templates build and added with the page builder and when used the default template.
We know about #3 and we have this on our to-do list to fix in the next update.
For the 4-th issue you could use this css to add a border to the top of page wrapper, like this: http://screencast.com/t/kcV8d2ZLj4R
.td-page-wrap {
border-top: 2px solid #a7a7cb !important;
}
#5 I’m not sure how this happens but you can use custom css to hide the banner only on homepage, like this: http://screencast.com/t/rDggCB6SIlUl
.home .header-content-rec .td-g-rec-id-header {
display: none;
}
and for post template 4 you can use this: http://screencast.com/t/K4PjrKpr3nI
.single_template_4 .header-content-rec .td-g-rec-id-header {
display: none;
}
Regarding the option for the banner to show before logo, you can simply do it like this: http://screencast.com/t/9cq1f3v9p5Bi
For the background of sidebar ad you can try this: http://screencast.com/t/BJhaoVkxCs1C
.td-g-rec-id-sidebar .adsbygoogle {
position: relative;
top: 0px;
margin-bottom: 0px !important;
}
.td-g-rec-id-sidebar {
background-color: #a7a7cb;
padding-top: 20px;
padding-bottom: 10px;
margin-bottom: 20px;
}
Also use this sizes fro the sidebar Adsense ads: http://screencast.com/t/wlsdqlsI3p
Hope this helps! Please let me know!
Thanks
Hi,
Thanks Christopher/TheMediumUTM!
@delgermurun Please use this custom css in theme panel > custom css: http://screencast.com/t/qEatpQQQ
.td-g-rec-id-header {
z-index: 0;
}
Thanks
Hi,
Please also make sure you change this span class into span12, like this: http://screencast.com/t/0Xm9bF1Bg6
After this please remove the previous css and user this instead: http://screencast.com/t/LEnvPM1EiFa
Please let me know if you manage to do it and also provide your site’s url so I can inspect this if you don’t.
Thanks
Sort of fixed #3 with custom CSS
.header-content-rec{padding-bottom:15px; margin-bottom:10px;}
hello, i need to create a new module or modify module 7, but no matter what i try i get a blank page when i refresh.
I need a module exactly like 7, that has no meta info and post expert. Is this achievable through settings or it needs a custom code?
Then the optimum would be for me to set the header inside the div of the post so it can look like the top 2 featured posts in the following link: http://www.insurancedaily.gr/blog
thank you in advance