- NewspaperHow to Add a Logo in Newspaper
- NewsmagLogo & Favicon
- NewspaperShortcodes
- NewspaperHow to Set the Image Avatar
- NewspaperThe Mobile Theme
- NewsmagWhat’s included in Newsmag theme package
- NewsmagMain menu
- NewsmagHeader styles
- NewsmagFooter templates
- NewsmagTheme colors introduction
- NewspaperFavicon & iOS Bookmarklet
- NewspaperHeader styles
- NewspaperWhat’s Included in the Newspaper Theme Package
Hi,
on full menu +textet logo in the menu when I put it on there my title text shows up as “NEWSMAG” How do I change it to my website logo I could not find it.
Thank’s
Paul..
Hello,
The css must be done on every site in particular as not all the logos have the same dimensions and not all users have the same plugins which might overwrite some of the css. So if you require a css code for a modification, please point out your website and make sure you have the specific header style selected as it will need to be customized ‘on the spot’.
Thank you!
Hello nicolai,
1)Am facut mai multe teste si intr-adevar este un mini bug cu header style-ul 8. Va rog sa folositi codul CSS de mai jos pentru a regla dimensiunea logo-ului pe bara sticky.
@media (min-width:768px){
.td-header-style-8 .td-affix .td-header-sp-logo img {
width:158px!important;
}
}
Rezultatul se poate vedea aici -> http://screencast.com/t/Sd6ZuX0kx
Am trecut aceasta problema pe lista noastra de revizuiri si vom tine cont de ea in viitoarele update-uri.
2)Pentru tipul de meniu din header style 12, culoarea care o veti seta in sectiunea ACTIV&HOVER din Theme panel se va aplica doar pentru efectul de Hover de pe link-urile din meniu si nu pe meniul in sine ->asa este conceput acest stil de meniu -> http://screencast.com/t/LEhK2wEJv2Wl
Daca doriti sa schimbati acel efect de pe meniul principal, trebuie sa folositi un pic de CSS pentru a schimba culoarea.
Codul este ->
.td-header-style-12 .sf-menu > .current-menu-item > a, .td-header-style-12 .sf-menu > .current-menu-ancestor > a, .td-header-style-12 .sf-menu > .current-category-ancestor > a, .td-header-style-12 .sf-menu > li > a:hover, .td-header-style-12 .sf-menu > .sfHover > a {
background-color: rgb(227, 27, 27) !important;
}
Rezultatul se poate vedea aici -> http://screencast.com/t/wyPXtnMz9ct
Multumesc pentru mesaj si o zi frumoasa in continuare!
Hi,
In order to shrink the logo container you will need to play with these 2 values until they fit your logo size:
.td-header-style-9 .td-logo-wrap-full {.
min-height: 50px!important;
line-height: 70px!important;
}
Thank you!
The sticky bar from Header Style 8 ignore logo image width.
When main menu is draw in sticky bar, the theme don’t add the logo width to the left menu position. As result the main menu overwriting the logo image.
Check http://www.thehikers.ro as sample.
Can help me to fix it, please?
The solution create an issue in Header Style 8. The logo overwrite meniu. How can be fixed?
I mean how can move the main meniu to the right as logo to not overwrite meniu text.
1. Cred ca nu putem vorbi despre customizing ci despre un BUG. Header style-ul 8 nu tine cont de dimensiunea imaginii folosite pentru logo când calculeaza pozitia de left pentru meniu ci afiseaza meniul la o pozitie fixa, prestabilita.
Eu doar am adaugat logo-ul meu in tema si meniul este afisat peste imagine.
2. La fel si in cazul header style-ului nr.12. Codul inclus in tema ignora cu desavarsire culoarea aleasa de mine pentru hover. Pentru ce exista aceasta optiune daca nu este folosita?
Hi,
Your proposal just lower logo size but not the logo area (band) height. The result is a smaller logo in same height black band.
Hi
Try this css, it should display the logo on mobile devices: http://screencast.com/t/rSfnmKejirXJ
@media (max-width: 767px){
.td-header-sp-logo {
display: inline!important;
}
}
Thanks!
Hello Nicolai,
The style you use (9) uses the full logo (it does not re-size your image). To decrease the size, you can simply edit the logo in any photo editor and decrease the image size.
Alternatively you can use css to do it:
.td-logo{
width:60%!important
}
I hope this helps.
Thank you!
Hello,
I play around with header styles and I am interested to use number 9. But I try to make a smaller logo.
I’m using next code:
.td-header-style-9 .td-header-sp-logo img {
max-height: 100px!important;
}
But his lower just image.
I teseted
.td-header-style-9 .td-header-sp-logo {
max-height: 100px!important;
}
too but without results.
How can I make a smaller <td> for logo image?
Great!
The only thing now is that no logo appears on mobiles. After that is perfect.
Thanks man
Cred ca solutia pentru mine ar fi :
.sf-menu, .sf-menu ul {
margin-left:ceva px;
}
Dar care sa se aplice doar când se afiseaza meniul cu logo micsorat.
Când este in pozitia initiala sa fie:
.sf-menu, .sf-menu ul {
margin-left:0px;
}
Cum as putea face asta?
Hello,
Your problems come from 2 different things. First of all the logo cannot be found in the specified path. Please make sure the image is present in the location:
http://localhost/neuronews/wp-content/uploads/2016/01/logo-white.png
You have a different logo set for mobile that cannot be found.
And your second problem originates from loading fonts from different locations. In this case you need to add a piece of code to your htaccess. (to see what i mean, please type www. in front of your website url and see that the icons will display corectly again.) Please follow this topic to see how to fix it: https://forum.tagdiv.com/topic/strange-chinese-symbols-replaced-icons-and-arrows/
Thank you!
Hello Todd,
Please use this code to do it:
.td-header-style-12 .td-header-menu-wrap-full{
height:50px!important;
}
.td-header-style-12 .td-header-menu-wrap .sf-menu > li > a{
line-height:50px!important;
}
.header-search-wrap .td-icon-search{
line-height:25px!important;
}
.td-header-style-12 .td-main-menu-logo a{
line-height:50px!important;
}
.td-header-style-12 .td-main-menu-logo img{
max-height:55px!important;
}
You can change the values a bit to get the result you want.
This is the result the code will provide: http://screencast.com/t/g7nMWJNZkLi
Thank you!
Hello,
I am getting the following errors in structured data.
Publisher [Organization]
Logo: missing and required
Video Object
Description:missing and required
Name:missing and required
Thumbnail URL:missing and required
Upload Date: missing and required
The post shows a youtube video that is not uploaded by me.
I have already set the site logo and favicon in the panel.
Hello,
Header style 8 has the top menu included inside the container so removing the top menu will probably cause a few issues. I will add this to our fix list and hopefully in a future version we will be able to provide a fix for it.
you can make the logo a bit bigger using css:
.td-header-style-7 .td-affix .td-header-sp-logo img{
max-height: 65px!important;
}
.td-header-style-7 .td-affix .td-header-sp-logo{
height: 65px!important;
}
@media (min-width: 768px){
.td-header-wrap .td-affix .sf-menu>li>a {
line-height: 65px !important;
}
}
.header-search-wrap .td-icon-search{
line-height: 35px!important;
}
Thank you!
Hello everyone,
My website seems working normally when using pcs, but in mobile devices or smart tvs I am facing some issues as depicted in the pictures below, it is not being displayed the logos and the “>” (chevrons) of the categories.
<br />picture hosting<br /><br />
“ABOUT US” section
<br />gifs upload<br /><br />
Categoy section
Could you help me please?
Dupa mai multe teste am ajuns la concluzia ca doua stiluri de header s-ar preta OK pentru ceea ce doresc eu dar amandoua sunt cu probleme (din punctul meu de vedere).
Primul ar fi Style 12 – Top colored meniu with logo. Totul este OK cu exceptia faptului ca ignora setarile pentru ACTIVE & HOVER COLOR .
Al doilea header style ar fi Style 8. Totul pare ok cu excptia scrolului. Când se afiseaza dupa un scroll meniul este afisat peste logo. Las aciv acest style pentru exemplificare.
Hello,
I’m trying to reduce the height of the main menu and logo area in Header Style 12. I’d like to reduce the height of the menu item, overall menu, and logo areas. I know a ‘little’ css, but I’m not a css designer.
Can someone please offer some assistance?
Thank you!
Todd
It looks like style 8 is only meant to work with a top bar nav in addition to the header menu. I switched to style 7 instead. Is there any way to make my logo a little bigger and not overlap the container in style 7?
Could you please provide the CSS to fix header style 8 (Hybrid menu 2). In full width, the logo is overlapping the bottom of the container and there is a line above the menu.
See site here: http://www.hwinsider.com/
Thanks!
2 Things:
First, Build by Visual Composer, my Homepage Shows many White Spaces between the Different Widgets, eg newsticker and 5 Feature Posts
Moreover, while loading on mobile device, THE background of Header/ Logo is Black – needs to be White alltime
Ideas?
Hi There,
I have installed the Newspaper demo on my local computer but the homapage body is empty. no footer, only top menu, main and logo is showing
Please how do correct this?
Hello and thanks for your answer Alin.
Yes we have only few featured pics set.
It’s weird because as you can see here: http://picpaste.com/image1-C71ZW44p.PNG the featured pic doesn’t appear here on my iphone and it’s the same on the android mobile of a friend.
Same with all plugins and lazy load feature disabled.
Maybe a clue: even the logo doesn’t want to show.
What do you think?
Thanks a lot for your help