- 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
Hello,
Unfortunately this will be more complicated as it needs to be created responsive. You are better off creating a logo instead of using the text logo and simply add your image in the logo you create using your photo editor. There is no simple way of adding an image between the text logo and have it display properly in a responsive layout.
Thank you!
Hello tcmc1313,
Please notice that each header style has an own CSS for the responsive mode. As an example, for header style 1, as you can see here -> http://screencast.com/t/6tDjgIPR the header logo has specific dimensions (width fix, position relative, height fix and specific margins). Also, if you change all of these, you will see that the Banner Ad will fall down to the next line under the logo, like this -> http://screencast.com/t/AtnKCB5gFwRk
Please notice that is not a simple task and involve some additional adjustments in CSS for better results. Also, you will have to use the @media query to target the tablet width. For more information about this rule, please check here -> http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
Hope this helps!
Thanks for your understanding!
Hello,
This is one of the reasons our theme does not have RTL support. If everything could have been moved with a float right, RTL would have been no problem at all, but the float makes the logo display like that as it’s aligned to the content on the left side by default.
You need to change the order of the logo and ad from the code not float it right as it will not position properly on the left if you float it right. It will stick to the right side no matter what size and margins you change.
We suggest hiring a developer as there are many implications in switching the site to rtl mode.
Thank you!
Hello,
I have tested the logo on header style 7 with 90px line height and there seems to be no issue. Please remove any custom css you might have affecting the logo
Thank you!
Hello!
What’s the best way to add an image/logo inbetween the text of header style 10?
I basically want to add a small image inbetween the words “papa daisuki” and “パパ だいすき” , effectively replacing the “-” (dash).
Do you have a suggestion on which one does this? Where the ad is right aligned on desktop and below logo on tablet?
Hey,
For some reason i’m not managing to move the logo 40-50px to the left.
Where do i find it via CSS?
I tried changing .header-logo-wrap img in the CSS file, but nothing happened.
https://postimg.org/image/rbljlgemp/
site URL – http://www.israsport.co.il
Thanks
Hi,
Why do you use custom css to decrease the menu height?
By default the menu’s height for style 7 is around 106px – http://screencast.com/t/zeAfdmLE
Also you can control the menu height(and also the logo) from Theme Panel > Theme Fonts, just change the menu line height – http://screencast.com/t/DgBHHqE7F – http://screencast.com/t/C5UJkp4Z
Thanks!
Hi, dear friends!
Please explain me how can I increase the sizes of main menu and logo. I mean height.
I use this code
.td-header-style-7 .td-header-menu-wrap-full, .td-header-style-7 .td-header-menu-wrap {
height: 48px !important;
}
.td-header-style-7 .td-header-sp-logo {
height: 48px;
}
.td-header-style-7 .td-header-sp-logo a {
line-height: 48px;
}
.td-header-style-7 .td-header-sp-logo img {
max-height: 48px;
line-height: 48px;
}
.td-header-style-7 .sf-menu > li > a {
line-height: 48px;
}
.td-header-style-7 .sf-menu {
margin-top: 0;
}
.td-header-style-7 #td-top-search {
bottom: auto;
top:0;
}
What parameters should I change?
Current:

Wish:

So it would be great to have bigger area with logo adjusted left and main menu centered relative logo.
Hi, since we changed our website to header style 3, our ads on mobile show up on a different position. The ad is now above the logo, before it was below. Screenshot here: https://www.dropbox.com/s/wo7ori90yr5rgtb/Logo%20over%20mobile.JPG?dl=0
How can we change the position back to below the logo while keeping header style 3?
Hi
No because each container have its own style and basically there are two links one above the other.
You can reduce the margins above and below the logo only if you delete ad’s container which is in the right: http://screencast.com/t/y932Ovyg4tye Try this css in theme panel > custom code > custom css: http://screencast.com/t/A4fDmaJc
.td-header-sp-rec {
display: none!important;
}
.td-header-sp-logo a {
height: 80px;
}
.td-header-sp-logo img{
margin-top: 0;
margin-bottom: 0;
}
Thanks!
I want to move the top header ad below the logo on tablet devices. How do I do that?
Merci de cette réponse prompte…
J’ai suivi vos instructions mais je pense qu’en installant la version 7.3, j’avais mis à jour les plugins dont celui de Visual Composer
Voici mon problème :
1- Dans la démo, il y a le champ style
2- Moi je n’ai pas ce champ
3-donc sur mon site, il y a bien un encadré réseaux sociaux mais les logos FB… sont blancs sur fond blanc et pa s de texte, pas de clic possible…voilà ce que cela donne sur mon site
Texte écrit en français mais qui apparaît avec des mots incohérents car transformé de l’original
Merci
And one last one, how can I reduce the margin/padding above and below the logo:
http://smallcaps.com.au/wp-content/uploads/2016/09/Screen-Shot-2016-09-05-at-10.59.05-pm.jpg
Hi!
I have installed SayWhat demo. Now I am adjusting it to my needs.
In the theme panel header style section I have selected – Full dark menu on right with logo.
Then I went to the THEME COLORS section and I have replaced every pink color to my chosen orange one.
After the changes every element on the website beside the menu is orange, menu is still pink.
Interesting is that when I change the menu type to any other style (boxed, hybrid,, etc.) the color is orange. But in this single case it’s all the time pink.
How can I change that?
Hi
I am not sure why this happens as the logo seem to appear in page’s source and the link is correct. Try to set a different image as logo and check how it goes. Afterwards set the desired image as logo, clear the caches then test the site again.
Let us know how it goes and if the problem persist please send us an email at contact@tagdiv.com with your login credentials and we will inspect this issue as soon as possible, also include a link to this topic.
Thanks!
Thank you very much for your quick reply.
As i can see Gotham consists of many different styles for example: Gotham Narrow Medium Italic / Gotham book etc.
Do you know the specific type of Gotham style used for the logo?
Thank you very much.
I have added some custom CSS for the header, footer and mobile logo:
.td-header-style-9 .td-header-sp-logo img { width:35%; height:auto; }
.footer-logo-wrap img { width:35%; height:auto; }
The problem is that when I refresh or change between sections, logo loads in its original size and then resizes.
How can I avoid showing the logo until the custom code is applied?
Thanks
Hello.
I want my logo to be shown with the best quality. I added “SVG support” plugin to WordPress. Then I uploaded my SVG logo to Newspaper but it is too big: http://subefotos.com/ver/?15a761921fe3780e4f7c18900fb0981fo.png
How can I resize it?
Thanks!
I just updated the theme to 3.1 and the sidebar is still not scrolling even though its turned on. Also, when I first switched to the new theme version, my site became messed up and the above fold content was my old header menu stretched across the page. I put the menu on footer setting for now because I can’t have the menu taking up the whole of the above the fold content, you can’t see it now but it was a list of links just like reddit on the left hand side from the top of the main logo to the top of the page. I need to fix these 2 problems
For a while now, my theme’s logo will not appear on mobile. We are running the latest version of the theme, we’ve tried clearing CDN/caches/etc and nothing is changing. It will show the alt-text, but not the image.
A regular and a retina version of the logo are uploaded (in the recommended size), and we are using Header 5 which the mobile theme tells us we don’t need to upload another logo under.
Website: http://www.slopemedia.org/
Hi,
I’ve just bought the theme and am struggling to get the logo to appear correctly.
I’m using header style 10. My logo upload size is 500×148 (this is how it appears in the media gallery). However, the site displays the logo with the edges cropped off. When I save the logo as displayed on the front-end of the site, the resulting file is also cropped with a resolution of 300×148.
I’ve tried:
.td-main-logo img {
width: 500px;
height: 148px;
}
But this only stretches the 300px wide image to 500px wide.
Please could you let me know how to solve this issue and have the logo appear at its uploaded size?
Many thanks
Thank you for responding. Remember this being a very simple process but I’m unable to access the functions you show in your second screenshot. Could this be a problem with Visual Composer? When I click on the Visual Composer logo, it takes me to their website.
Please see the screenshot: http://prntscr.com/cd9bmz
I want to remove website field from the comment section. Is it possible to let users comment with the facebook account login to our website?
Plus, whenever anyone shares any article/post from the website to their facebook, only the website logo comes in the post, not the featured images of that particular post. Please refer: http://prntscr.com/cd9eqx
HI
Try this css in theme panel > custom code > custom css: http://screencast.com/t/YYLaJlurmYE
.td-header-style-1 .td-header-sp-logo, .td-header-style-1 .td-header-sp-recs {
margin: 10px 0px 9px 28px!important;
}
Thanks!