- NewsmagLogo & Favicon
- NewsmagWhat’s included in Newsmag theme package
- NewsmagMain menu
- NewsmagHeader styles
- NewsmagFooter templates
- NewsmagTheme colors introduction
How do I replicate this header?
http://demo.tagdiv.com/newsmag/td-post-10-luxury-watches-for-men/
What font is the very top and the main menu in?
What size does my logo have to be so that it appears where NEWSMAG is left of the banner ad?
What size does my logo have to be so that it appears to the left of the main menu upon scrolling back up?
Thanks
Hello williamgalipeau,
1)I have checked your website and saw the problem with your logo on the mobile version. To fix it, please try the code below and add it in Theme panel->Custom CSS area.
.td-logo {
width: inherit!important;
}
The result you should see here -> http://screencast.com/t/6MxChnLKLwg
2)I have checked your website and saw these dimensions for your footer logo -> http://screencast.com/t/VXIbUIzB and also I saw that you use some CSS code to increase the width of this image…I do not recommend this
because using this method you have zoomed in the natural image and the quality of this disappear and this is the reason for blurry image for footer section. Please try upload a bigger dimension for your logo from your Theme panel and check again how it works for you. -> http://screencast.com/t/WkLaVBEiAY6
For more information about logo&favicon, please consult our documentation here -> https://forum.tagdiv.com/logo-favicon/
Hope tyhis helps and let us know how it goes!
Thank you for the message!
My website is: http://www.inspiremyink.com
1.
On the mobile site, in “portrait/Vertical” mode (only) my logo is being cut off
how can I fix that?
2.
Also, My footer logo is blurry…
I have uploaded a logo in the footer for both size
500 x 234px
1000 x 468px
I don’t know how to fix it.
At the moment I have in custom code > custom CSS
.td-logo { width: 500px; }
.footer-logo-wrap img { width: 500px; }
Hello,
I ran a few tests with the examples provided and it really seems to be a problem with firefox. The logo loses it’s responsiveness.
@ Everyone who encounters this issue, please add this css code in your theme panel -> custom css box:
.td-header-style-10 .td-header-sp-logo img{
width:100%!important;
}
(this is for header style 10. If you encounter issues on another header style like header 9 for example, change the number form the header style in the code)
This should do the trick.
I will add this issue on our list for further testing and if there is a bug i will be fixed in a future version of the theme
Sorry for the inconvenience.
Hi
To load a different banner for a specific page you can add a condition in the file corresponding with the header style used. For example if you’re using header style 7 the file that must bee edited is header-style-7.php and the code should look like here: http://screencast.com/t/ryRhn07c25
<?php
if (is_page(page-id)){
echo do_shortcode('[td_block_ad_box spot_id="custom_ad_1"]');
}
else{
locate_template('parts/header/ads.php', true);
}
?>
Replace the page-id with the numeric id of the page where you want to load a different ad. To get the page id follow this link: http://screencast.com/t/9V7zgx6WK
I used custom ad 1 in this example but you can use any of the custom ads, just update the number from shortcode. Ex: for custom ad 4 the shortcode will be [td_block_ad_box spot_id="custom_ad_4"]
If you want to hide the logo on a specific page just add this condition here: http://screencast.com/t/iT9p861gnJ
<?php
if(!is_page(page-id)){
locate_template('parts/header/logo.php', true);
}
?>
Let me know how it goes.
Thanks!
-
This reply was modified 10 years by
Andrei L..
Refering to the post from vasiliki and his site http://emvolos.gr/
The logo is
-
not responsive
: minimising the screen, you see only the left part that stays visible, there when you activate a demo, the logo gets smaller and still vissble in full wwidth.
I’m not using the top menu bar… but I would like to give my users a login/logout link on the front end.
The tagdiv login/logout with its lightbox effect is really pretty cool.
Is there a php code available for that so I can just place the code in the theme where I want the link to be, or perhaps a Newsmag login/logout widget available?
Thanks for any help,
Chris
I need to explain better..:-)
I use theme style 7 header, full header logo, but I dont use a logo, instead I have designed a full width header advertisement banner including a logo. Showing through theme panel /ads/your header ads.
Now for some pages, I would like to have a different/or no header ad-banner. I am not asking how to create a blank page, but a normal page, just with another header ad-banner or none..:-)
If a specific page could use a custom ad as HEADER ad maybe, but how to get this to the specific page, I need some advise plaese.
Thank You
Thank you all so much.
I just picked Header Style 9 and uploaded my logo. It seems to work fine on IE, Chrome and Firefox.
You can see it here: http://emvolos.gr/
I guess you could disable that size from the theme admin panel?
I think it does that because default image format for WP is jpeg not png. And png-8 files are typically color limited vs a jpeg which has a full color range (WP assumes you’re using photos not line art or logo graphics).
Always best to use jpg for photos unless you’re doing transparent effects (png-24).
Presumably you could also go into the main functions file (not the one in the theme root but the one in the includes or booster folder if memory serves) and remove the action hook to build that size and remove the option from the theme panel entirely.
So, if you use jpg to begin with it won’t make a duplicate, was my point, I suppose 🙂
hello, I ‘m on Newspaper 4.
I have a little problem with the header 1 ( + ad + logo menu) The header is not high enough , so, the banner is cut a few millimeters .
Do you have a solution please ?
Thank you in advance
Hello,
The full logo has nothing to do with the car demo. you can add a logo of that size on any demo in header style 10 and it will be responsive. I just added a logo of 1920 x580 px in the default demo and it works fine and it is responsive. It remains responsive even if I activate the car demo with or without content. If responsiveness breaks on your site, it is probably from other sources like a conflicting plugin.
Let us know if you require further assistance with this
Thank you!
I have a style 10 with full logo 1920×287, the same size used but less in height in the “Car demo”.
I did put a copy of the site elsewhere and I loaded the Car demo replacing the Car logo with mine and it works fine.
Although when I install only the car demo without the content, the logo is not responsive.
Could it be that there is some CSS loaed with the full demo which isn’t there when using the theme staight
Hi
Replace the code from header-style-7.php file with this one: http://pastebin.com/MTxJW8zY – http://screencast.com/t/GiQ05BLPA Place the ad code in custom ads spots from theme panel and replace the required numbers as I indicated in screen.
Also you will need this css in theme panel > custom code > custom css: http://screencast.com/t/s7ovP3m4n
.td-header-sp-ads-left{
width: 35%;
float: left!important;
}
.td-header-sp-ads-right{
float: right!important;
width: 35%;
}
.td-header-style-7 .td-header-sp-logo{
width: 30%;
}
.td-header-sp-ads-left .td-a-rec img {
margin-left: 5px;
}
.td-header-sp-ads-right .td-a-rec img{
margin-left: -5px;
}
@media(max-width: 768px){
.td-header-sp-ads-left, .td-header-sp-ads-right{
width: 49%;
}
}
Note that I’ve tested this only with header style 7. For others header styles you will need additional customizations.
Thanks!
Hi Nicolai,
1. You can use this css to align the footer logo:
.footer-logo-wrap{
text-align:center!important;
}
result: http://screencast.com/t/De1HE5x2ui
2. Unfortunately the mega-menu does not work with sub-menus. It will grab every sub-category of the main one (including level 2 sub-categories). This is the way it was created. Unfortunately there are no option is this matter. There is a way to do it, but it involves editing the theme files. you can edit this file like so:
http://screencast.com/t/6tWO1mO5ecko
Now it will only show the parent category and no child categories.
before: http://screencast.com/t/RmM1wzCxO2 after: http://screencast.com/t/0NQt6ysm4C
I hope this helps.
Thank you!
Hello vasiliki,
If you want to have a bigger logo and if you choose for one of our header styles, you will not have any problem with responsiveness. I suggest you using header style 9,10,11 for a good result for a bigger logo loaded. The result you should see here -> http://screencast.com/t/BdSZ293e76s -> http://screencast.com/t/m1p0b4c1 -> http://screencast.com/t/qJ6tMRPNyYL3
Hope this helps!
Thank you for the message!
Hi. I would like to have a centered logo (Style 7 Full Header logo) with two ads manchettes (the same manchette) on the left and on the right of the logo.
How to do it in the child theme?
Thanks
Hi,
1. How can I center the footer logo on footer-logo-wrap? My page is wwww.thehikers.ro .
2. I have a menu item named Sights to see. It have as subcategories Hike and Karst until now. And each subcategory have own subcategories too. For example Hike have Neamt and Harghita (counties).
It’s possible to have submenus? For example when put mouse over Sights to see to show All, Hike and Karst. Whwn put mouse over Hike to see another meniu with Neamt and Harghita?
If not how can I display on meniu just ALL, Hike and Karst without sublists.
Thanks for support.
If it creates a problem for the responsive layout can a place a bigger logo?
Hello vasiliki,
Depends on what kind of header style uses into your website. Please notice that our theme is implemented 12 header templates with the different style. If you want to have a big header logo, you have to use a header style that has a full logo displayed on this style, look like header style 9, 10 or 11. If you are using other header styles besides these, you have to use a bit of CSS to change the dimensions of the logo and you can break the layout. Please provide your website so I can inspect it closer and provide you a more accurate response.
For more information about our header’s styles, please check the documentation here-> https://forum.tagdiv.com/header-styles/
Thank you for the message!
Hi Bogdan,
I tried to change it to:
.logo-text-container .td-logo-text{
font-family: Oswald;
}
but nothing happened. I refreshed the webpage several times and closed/opened the browser too.
Oswald is a Google Font.
Hi I just bought your theme. Actually I am switching from another template and I would like to have a big logo to fit the full header. I dont want to place any ads there.
Is this possible?
Thank you
Hello,
You can replace the code with this one. It contains the tagline as well now:
.logo-text-container .td-logo-text, .logo-text-container .td-tagline-text{
font-family: roboto;
}
Thank you!
Hi, the ACTIVE & HOVER COLOR in theme setting dont applay to the main menu (Theme colors – Main Menu – ACTIVE & HOVER COLOR) – im using the Stlye 12 (Top colored menu with logo). First, i changed the
MENU BACKGROUND COLOR to #333 – this works fine…
Any idea? I do NOT use any custom css or any other Plugin, just the visual comp.
Hello rockingfamily,
Below I gave you CSS code for both headers style used. I do not recommend to increase this with CSS because you can break your layout. In order to achieve the best result, I suggest using another header style with a bigger logo.
For header style 8
.td-header-style-8 .td-header-sp-logo {
width:300px;
}
For header style 7
.td-header-style-7 .td-header-sp-logo img {
width:300px;
}
Hope this helps!
Thank you for the message!