- NewsmagLogo & Favicon
- NewsmagWhat’s included in Newsmag theme package
- NewsmagMain menu
- NewsmagHeader styles
- NewsmagFooter templates
- NewsmagTheme colors introduction
Hi there,
I am still having no luck with changing the color of my Main Menu when it is “sticky”. I have set it to #222222 where you suggested: https://www.screencast.com/t/0Fynig9t
But it is still appearing as black (#000000).
Is there a way I can change this via the code?
Note: I am using header style 10 and this custom code:
.testpage .td-main-content-wrap {
padding-top: 1px !important;
}
.td-footer-instagram-container {
padding-top: 20px !important;
}
.td-logo {
background-color: #222222;
}
.td-main-logo {
background-color: #222222;
}
.td-header-sp-logo {
background-color: #222222;
}
So it is #222222 behind the logo, and behind the main menu when I load the page, but as soon as I scroll and the sticky menu appears, it is #000000.
Cheers
Ryan
Hi,
That will happen if you use the stretch settings in the theme panel
– https://www.screencast.com/t/3Z7ev4BVU2
There is only one setting both for the logo and ad space. So they will both be stretched as they are now. I could give you a code to make it as you want, something like this maybe
– https://www.screencast.com/t/jJppCe8tDsbM
.td-banner-wrap-full.td_stretch_container {
max-width: 1164px!important;
}
Test it and see if it works properly.
Thanks
Hi,
Let’s try and better understand/explain this situation. The logo on the right is a business demo customization, based on the default header style 1
– https://demo.tagdiv.com/newspaper_business/
The default header style 1 looks like this
– https://forum.tagdiv.com/header-styles/
All the demos have custom design, based on modifications made to the default theme elements.
In this case you could either change the header style (the design is only for header style 1), or remove the code that is responsible for the modification, in the demo stylesheet directly
– https://www.screencast.com/t/oE3x6hLon
Or override the demo design with the code provided above
– https://www.screencast.com/t/1EnIYlxa5
Each one of the solutions would work, decide which one you want to use.
Thanks
Hi Linda,
I made the size 2698 x 552 as per this link – https://www.thechildhoodlife.com/wp-content/uploads/2018/06/Childhood-Life-Logo-Background-2698-x-552.jpg
Be sure to set the image dimensions when you select it from the media library. If you don’t the resolution can give you unexpected results!
I placed the CSS code in the Theme Panel > CSS module NOT the Live CSS module. Hope that helps.
If you have any other questions fire away!
Shane
There are 2 things i want to do in the menu:
1. Change the spacing between menu items
2. I am happy how the menu looks on desktops. When view on smaller screens though the menu move under the logo and sometimes appears in 2 lines (see attachments below). How can i change that and set it to appear in mobile view if it doesnt fit in the screen?
https://ibb.co/juphP8
https://ibb.co/cGMU48
https://ibb.co/hHNfBo
Hi. Is it possible to move the logo, the menu and the search icon more to the center of the page, so that it is in line with the post like it is in the demos “black version” and “say what”? I use the gadgets demo now but i’m not sure I want the header to be full width.
I don’t find that any of the header styles allows you to have the logo and menu on the same line, while placed in line with the post. Did they use CSS on the demos I mentioned above?
Can you give me further instructions on removing the H1 tag from the theme code and adding it another place? ?
===
You also answered your question:
If you want to remove it, you will have to either use the page builder + page title template where the h1 is shown in the page content, and the logo does not get an H1 tag anymore
or by editing the theme files and removing the h1 tag from the theme code: https://www.screencast.com/t/9uXujjSj
Hello Catalin,
Yes. I want to move the H1 from the logo, because in this case it is not best seo practise.
Can you give me further instructions on removing the H1 tag from the theme code and adding it another place? 🙂
Unfortunately it didn’t make the change… Here is all those custom code currently on this site…
.td-icon-facebook {
font-size: 17px !important;
}
#big input[type=”email”] {
padding: 9px 0 !important;
height: auto;
display: inline-block;
}
.popup { margin: 0; padding: 0; box-sizing: border-box; }
.popup {display: none; position: absolute; top: 100px; left: 50%; width: 500px; margin-left: -250px; padding: 50px 30px;
background: #fff; color: #333; font-size: 19px; line-height: 30px; border: 10px solid #005689; z-index: 9999;}
.popup-mobile {position: relative; top: 0; left: 0; margin: 30px 0 0; width: 100%;}
.popup-btn-close {position: absolute; top: 8px; right: 14px; color: #FF8282; font-size: 14px; font-weight: bold; text-transform: uppercase; cursor: pointer;}
.page-cover {position: fixed;top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.6; z-index: 9998;}
#big input[type=”email”] {font-size: 21px;width: 100%;padding: 21px 0; text-indent: 15px; border: 1px solid rgba(0,0,0,0.2); margin-bottom: 10px;}
#big input[type=”submit”] {width: 100%;background: #049700;color: #fff;font-size: 20px;padding: 9px;text-shadow: 0 0 8px rgba(0,0,0,0.8);font-weight: bold; cursor: pointer;}
.popup ul li {
line-height: 32px;
}
.popup ul{
margin-bottom: 20px;
}
input#mce-EMAIL {
margin-bottom: 10px;
}
#subscribe-big input[type=”email”] {
width: auto;
border: 1px solid #ff1440;
background: #fff;
border-radius: 3px;
padding: 10px;
height: 43px;
line-height: 19px;
font-size: 15px;
color: #000000;
width: 305px;
}
#subscribe-big input {
margin: 0;
}
#subscribe-big .mc-field-group {
background: #fff;
padding: 10px;
width:595px;
margin:0 auto;
}
#subscribe-big #mc-embedded-subscribe {
background: #ff1440;
font-size: 21px;
line-height: 24px;
height: 59px;
width: 249px;
font-weight: bold;
margin-left: 15px !important;
}
@media screen and (max-width:1200px){
#Subscribe_page h1, #Subscribe_page h2 {
font-size: 35px !important;
line-height: 45px !important;
}
#Subscribe_page h2 {
margin-top: 0;
}
}
@media screen and (max-width:610px){
#Subscribe_page h1, #Subscribe_page h2 {
font-size: 28px !important;
line-height: 38px !important;
}
#Subscribe_page ul li {
font-size: 18px !important;
line-height: 30px !important;
}
#Subscribe_page ul {
width: 430px !important;
}
#subscribe-big input[type=”email”] {
width: 100%;
margin-bottom: 10px;
}
#subscribe-big #mc-embedded-subscribe {
font-size: 18px;
height: 50px;
margin: 0 !important;
width: 100%;
}
#subscribe-big .mc-field-group {
width: 100%;
}
}
@media screen and (max-width:410px){
#Subscribe_page ul {
width: 283px !important;
}
}
.dgd_stb_box {
box-shadow: none !important;
}
.dgd_stb_box {
background: #005689 !important;
}
.dgd_stb_box .dgd_stb_box_close {
background-color: #004679 !important;
box-shadow: 0px 0px 0px 2px #fff !important;
top: 8px;
right: 8px;
width: 20px;
height: 20px;
color: #FFF;
font-size: 13px;
font-family: Tahoma, Geneva, sans-serif;
text-align: center;
text-decoration: none;
-webkit-border-radius: 10px;
border-radius: 10px;
line-height: 18px;
}
.dgd_stb_box h4 {
color: #fff !important;
font-size: 19px !important;
margin: 25px 0 15px !important;
text-align: center !important;
line-height: 24px;
font-family: “Merriweather Sans”;
}
.dgd_stb_box p {
font-size: 19px !important;
color: #fff !important;
margin-bottom: 17px !important;
text-align: center !important;
font-family: “Merriweather Sans”;
}
#popup-subscribe-box #mc_embed_signup #mce-EMAIL {
width: 100%;
height: auto;
padding: 9px;
font-size: 16px;
background: #fff;
color: #000;
margin: 0;
}
#popup-subscribe-box #mc-embedded-subscribe {
width: 100% !important;
border: none !important;
border-radius: 0;
font-size: 18px;
background-color: green;
}
.dgd_stb_box ul li {
color: #fff !important;
}
.dgd_stb_box ul {
list-style: inherit !important;
}
.td-header-sp-recs {
float: right !important;
}
.td-header-sp-logo {
float: left !important;
}
#td_uid_1_59cc7d4a7d90f > div > div > div > div:nth-child(1) > span{
display: none !important;
}
#td_uid_1_59cc7ea311af3 > div > div > div > div:nth-child(2) > span{
display: none !important;
}
.td-business .td-header-style-1 .td-header-sp-logo {
float: left !important;
}
Hi,
Try with other sizes of the same logo if available. Also try with a jpg format as a test, in some cases setting a bigger size logo solved the problem. This issue happens very rarely, we did not identify what exactly is causing it however.
Thanks
Hello, I’m facing a problem with my website AMP logo, please guide me how to fix that.
you can see the AMP post on my site here
the appearing logo is shown as big, how can I change the resolution please help me.
see normal website
I’m using a single logo that set with header, footer, and also used in mobile logo’s. the logo resolution is 107×19 pixels.
Thank you.
Hi,
I believe only the first version of the plugin had a center alignment of the header logo. After the second version of the plugin the logo has been left aligned. We made it similar to the Yoast SEO website
– https://yoast.com/social-media-optimization-with-yoast-seo/amp/
A setting does not exist to change the location of the logo at the moment.
Thanks
Hi,
The logo that I have set is not put on the AMP website in the middle. This is only since an update, I have not changed anything myself.
See here a screenshot: https://www.mupload.nl/img/1efiwhog.jpg
Hello 33ParkMedia,
Try using the code below and place it in Theme panel -> Custom CSS Area.
The code is ->
.td-business .td-header-style-1 .td-header-sp-logo {
float: left;
}
Thanks.
Dear sir,
we don’t understand our theme auto reset working on http://www.newsraftaar.com.
Every day all configuration reset, we don’t understand why its happening. Logo Image removed, Ads setting also removed. please let me know why its happen. And every time i have to do activate theme option also.
ec8f1920-14f2-4e61-99f9- –
13 Oct 2017 REGULAR LICENSE
Our Logo has suddenly switched to the right side of our header from the left. There were no changes made on the site however we have since updated all plugins, and checked for compatibility issues (deactivating all plugins does not solve this issue.) We are using header style 1
https://capitalequityreview.com/wp-content/uploads/2018/07/Screen-Shot-2018-07-03-at-3.25.02-PM.png
Hello lifemathmoney,
Notice that our theme uses a lot of Headers Style and you can choose one of them from here -> https://forum.tagdiv.com/newsmag-header-styles/ We do not recommend to edit the logo or header style because you can easily break the theme layout.
If you want to remove that border-top from your header menu you should use a bit of CSS code for that. Try the code below and place it in Theme panel -> Custom CSS Area.
The code is ->
.td-header-border:before{
display:none!important;
}
The result is here -> https://www.screencast.com/t/BZWIr7ZPIwA
For your latest request, provide some useful screenshots with your desired changes so I will be able to provide a more accurate response/code.
Thanks for your understanding!
Hello,
The logo is there but seems to get hidden with a css as it appears for a brief second.
Please check your custom css or plugins.
This could be a plugin conflict so please disable all plugins except the page builder, clear cache and reset cdn files if you use it. Please also check any custom code you might have added to the theme panel or the theme files. If you use a child theme, please switch to the main theme to make sure it does not affect the proper functionality of the theme.
Thank you!
As you can see, the desktop version – the logo is too big, and touches both sides top and bottom
No no no.. please help, i have two website with Newspepper8 before, but only on this site my logo lost on Facebook
Newspepper theme I work well, even I really love this theme. But it turns out when I open my website from facebook browser, it turns out my mobile display does not have a logo in the header. Can anyone explain why? and how to solve it? my website https://monitor.co.id thanks
Like this screenshot of the problem I mean:

Hello,
Yes this should keep working the current version as well but keep note that now there are 2 logo files depending on the template loaded so you should make the modification in both logo.php and in logo-h1.php
Thank you!
When sticky the logo is also displayed before the menu, so the space is limited even more. You could disable the logo when sticky
– https://www.screencast.com/t/GzhYYYJVgEcP
There would be no room to display the logo and the menu on the same line when sticky, no matter what padding I remove or lower.
Paste this code in the custom css section of theme panel
.td-header-wrap .td-logo-text-container .td-tagline-text {margin-top: 15px;}
is this still applicable to latest version? or do we edit directly on logo.php?