- NewspaperHow to Add a Logo in Newspaper
- NewspaperShortcodes
- NewspaperHow to Set the Image Avatar
- NewspaperThe Mobile Theme
- NewspaperFavicon & iOS Bookmarklet
- NewspaperHeader styles
- NewspaperWhat’s Included in the Newspaper Theme Package
Adding that code forces the logo in the footer to appear smaller as well.
Something must not be working correctly. Your suggested logo size is 272×90, for Retina displays the theme suggest to upload double the size. So why is it looking large on retina displays and not the 272×90 size but using the scaled up version?
Also, once I changed the css a few things went missing. Take a look here http://www.screencast.com/t/aA9XBZrF
Thanks for the help
Hi,
You have this issue because you use header style 3 on blog stack. There is an header style especially created to be used on blogs – http://screencast.com/t/smR9n0COvP
If you want to use like this you can try this custom css in Theme Panel > Custom Css my suggestion is to use Blog Style header – http://screencast.com/t/ex5HKZ3y
@media (max-width: 767px) {
#td-top-menu .sf-menu {
display: none !important;
}
.blog-stack #td-top-search{
right: -50px;
top: -75px;
}
.header-search-wrap .dropdown-menu {
left: -56px!important;
}
.header-style-3 .td-logo img{
width: 150px;
}
}
Thanks!
I’m using style 3 header. Top menu doesn’t work correctly on mobile. The orizontal navigation does’t hide on lower resolutions and remain visible under mobile menu icon and mobile logo.
http://www.thestylosopher.com/
I don’t hunderstand what’s wrong.
Thanks in advance.
Hello,
We would like to replace the place of the logo. It needs to go up just a few millimeters, but now it’s attached to the menu, which doesn’t look so nice.Are there options that the logo can be places a bit up?
Thank you very much!
Best, Myra
Ok. So I just write this:
@media (max-width: 767px) {
.header-style-3 .td-full-logo img {
width: 50%;
}
}
in the empty field in the theme panel at custom css and then it works or do I have to change it in the file style.css directly?
Hi,
It will change the width for your logo only for mobile screens. At 767px screen size the mobile version of the theme appears, so then the size for logo will be changed.
Thanks!
Hi,
On desktop and tablet it works fine for me with that style and size. Only on mobile the logo is too big for that screen.
So when I change the width via custom css with that code you gave me above, I change it only for mobile or for desktop and tablet as well?
-
This reply was modified 11 years by
kathrinhwl.
Hi,
Unfortunately the theme use the same logo also on mobile when is used header style 3 and 6. You can change the width for logo image on mobile using custom css media queries in Theme Panel > Custom Css: http://screencast.com/t/u2S5E5vVp
@media (max-width: 767px) {
.header-style-3 .td-full-logo img {
width: 50%;
}
}
Also if you like you can use a fixed width for screen size until 767px – http://screencast.com/t/YWSvFyfZlP60
This will be changed in version 5 of theme and will be added more header styles options.
Hope this helps!
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
Please try this custom css in Theme Panel > Custom Css for your main menu height – http://screencast.com/t/k2mUmDMgq
.td-header-menu-wrap {
height: 43px !important;
min-height: 43px;
}
.td-header-row.td-header-border.td-header-main-menu {
max-height: 43px;
}
For that white space you will need to remove margins for logo and header ad, but you will need custom work for that for different screen size and also it will break the main menu. So if you need this and you don’t know how to do it I suggest to hire a freelancer to do this for you – http://studio.envato.com/ as we cannot provide any type of custom work at this moment as we work hard on development, updates, fixes and support.
Also if you want to make header transparent(if you use a background image) you have an option in Theme Panel > Theme Colors – http://screencast.com/t/p8Ywhg0nt – http://screencast.com/t/n5bIEhKx
Thanks!
Hi,
I would like to have the logo in the center, it works fine with Style 3. But on mobile the logo is too big with that style. I uploaded a smaller logo size in the theme panel, but it does not work. I think because of Style 3 with full width.
What can I do, if I want the the logo be placed on mobile like it is with Style 1? On Desktop and tablet it looks like it is with Style 3.
If it is not possible to get that, what can I do to have a better and samller logo size on mobile with Style 3? Changes in css, if so, which ones?
Here’s my website: http://www.happyworklife.de Please have a look on it on your smartphone as well to know what I mean.
Thanks a lot!
Kathrin
Hi,
@gmtrevor You can set background transparency for header from Theme Colors – http://screencast.com/t/zFfPVJRyO – http://screencast.com/t/fWnhLS0Q
Also if you want full menu you can use header style 9 – http://screencast.com/t/0zo02DkQxSM – http://screencast.com/t/bCjbDCVGUc
@marcosutter
Please provide a link so I can inspect this and provide an accurate solution. Do you use code that I provided to you? If you do you can try this custom css: http://screencast.com/t/JQBg5MiYZ6
.td-header-style-1 .full-bg .td-header-sp-logo {
margin-left: 0px;
}
You may have to adjust your logo image as theme’s css for logo is only 7px margin left.
Thanks!
Hello Lucian! Thanks for such a quick reply. I must have been blind, missed the author’s template. Template is almost perfect. Sorry if it is a hassle for you but could you give me a little hint how to link my to the current author’s page? Do you use get_the_author function?
This is my current modified Logout section. Just need making one of the icons linking to the author’s page. Right now both of the icons linking to the pages made by me.
//<span class="td-sp-ico-logout"></span> echo '<ul class="top-header-menu td_ul_logout"> <li class="menu-item">' .'' . '<li class="menu-item">' . '
And regarding my second question. I’m not gonna be using side panel in my little project, so no worries. However, I have made a little video so you can see what it was all about. https://www.youtube.com/watch?v=t3kNb7HF-z4&feature=youtu.be
Thank you for your help and support.
Hi,
I need to move my logo in header slightly to the left. Aligned with the beginning of the main menu.
http://screencast.com/t/gRWUl90b
Please help me.
Best
Marco
Also be aware there is no way to prevent people copying your content if it loads in a web browser; you can try to block some content being “scraped” — but this also means not having RSS feeds, and if Google can’t read the page, you will be doomed in SERPS. So, you obviously would want to “test” any such plugin and then in Google’s developer tools do the various “load as Google” to see HOW the bot sees your page — if Google can read it you should be fine; of course if Google’s bot can read the page so can others.
How extreme do you want to be ? Are you going to block archive.org ?
For many folks, having strong copyright notices, creative commons logo, and doing periodic searches online can help track down content pirates. There is nothing to stop somebody from rewriting your content, though. If you properly copyright your website (e.g., in the U.S. with the copyright office), you can file a DMCA complaint to have some pirates content removed from Google search results, which is huge deterrent obviously.
And of course, the biggest way to protect content is from a member site where people have to “log in” to view the story; perhaps having teaser for public, and members see the full site.
The ability to “protect” content is a bit of a myth. Disabling right-click doesn’t actually solve anything. For example, SnagIt can capture the full page as an image once it’s in the video buffer in the browser/on screen; Adobe Acrobat DC can capture an entire web page.
Not to scare you, just the facts after 20 years of doing web dev myself. Our company used to actually sell a content protection product called “Mindset Mprotect” for protecting images; and then IE added as “save page as HTML” feature which completely negated some of that. Remember again anything “rendered” in a web browser can be captured as it’s loaded into cache and/or “visible” on a remote device.
Rendering a page in FLASH has some protections, but then you lose most mobile users.
Upshot — be realistic in your goals on the “myth of content protection” with WordPress.
Hi,
The logo image for retina devices is loaded properly at the size that was uploaded (544×180) – http://screencast.com/t/9vAF3iz0f
If you want a smaller logo on retina devices you can try this custom css in Theme Panel > Custom Css: http://screencast.com/t/bxq0WXVG
.td-retina-data {
max-width: 27%;
}
Thanks!
OK I have been able to resize the logo in the Style sheet file but can not find which media number to edit down to 468 width.
I have enterred the google adsense code for a 468 pixel wide ad but site automatically resizing to the larger 768.
Can you please advise exactly where to edit the style sheet so ad sizes down to the desired 468.
Here is what I see right now.

Basically I would like the logo to be 500px x 150px to the left with a 468 by 60 Google ad banner to the right
This is the logo – 
Here is a mock up of how it would look exactly on my site.
500 x 150 logo spot to the left
468 x 60 banner spot to the right

I would to make the space for the main site logo LARGER and make the ad banner size smaller to 468 x 60 ad size
Please advise how this can be done. Thank you.
Hi!
First of all I really like your theme, it looks very powerful with a nice end user interface.
But I have some problems to move from my actual theme to Newsmag.
If I upload the test version of Newsmag it will add (and break) to the actual data, including posts, categories and pages. So even in a test environment it is difficult to apply it. But for the look and feel this is what I want.
If I activate the default stack to get close to the theme it does appear without the grids and the same layout.
Can you please let me know best practices to migrate from the actual theme to look like similar to the default Newsmag theme: https://forum.tagdiv.com/newsmag-documentation/
Once the theme settings (with logo and so on) applied on the test version, is there a way to import it to the production)
PS: my website is blog.yourcavern.com
Best regards
Guillaume
Somebody posted how to do this previously, and requires making some code edits.
For the sidebar, easy enough to just add a text box above the ad unit with
— advertisement —
which is what we do. We leave it off the full width banner below logo bars as it’s pretty darn obvious it’s an ad banner.
For having that in things like part of article or below post, you’ll have to hack the ad settings module/templates.
Try search in forum or wait for tagdiv to have pointers on that.
I belive I found this issue. I needed to change the style.css author and add a template name.
Looks like its working. Can you look into the logo issue? Thanks
Hi,
You have this issue because you use a logo image on header style 10 that was designed for text logo – http://screencast.com/t/249Sl7wuRwwB Header Style 10 was designed for Classic Blog, but you need to use text not an image – http://screencast.com/t/QL9FLAQF
Also if you want to use it like that you can reduce margin using custom css in Theme Panel > Custom Css section – http://screencast.com/t/bJVcDfhA
.td-header-style-10 .td-header-text-logo {
margin: 0 !important;
}
Thanks!
Hi,
It seems to be a css issue for sport stack as on default it looks fine. Please try this custom css in Theme Panel > Custom Css- http://screencast.com/t/CoVpnYTy
.single_template_4 .td-logo-rec-wrap .span4, .single_template_4 .td-logo-rec-wrap .span8 {
top: 0px !important;
margin-bottom: 30px;
}
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
I have checked your site – http://screencast.com/t/cnrRg0rr3UBa Did you solved the issue with margins?
Also you can use a header style with full width logo and upload a bigger logo image – http://screencast.com/t/obDu0Laap – http://screencast.com/t/TIYbrZUz0
Thanks!
Hi,
You can try this custom css in Theme Panel > Custom Css and you can change it how you wish – http://screencast.com/t/qwT0lyhkCx
@media (max-width: 767px){
#td-top-mobile-toggle {
float: right;
}
.mobile-logo-wrap img {
left: 0px !important;
right: auto !important;
}
#td-top-search {
position: absolute !important;
top: 0px !important;
right: 35px !important;
}
.header-search-wrap .dropdown-menu {
left: auto !important;
right: 0;
}
.header-search-wrap .dropdown-menu:before {
right: 15px !important;
left: auto !important;
}
}
Thanks!