- 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
Hi,
currently my homepage shows just the latest posts on the mobile version and then the Footer. How can I change this settings?
I am using the Worldnews Template and I want it to look like in the mobile Demo of the Template, so that at the beginning there is the Logo/Name of the site then the popular posts, then the Videos, then latest posts and the finally the footer.
I tried to copy the code of my mainpage in the mobile section but it didnt worked.
Need help please. Thanks in andvance
Eric (here ist my site: konterrevolution.at)
Hi,
Your site, demos and everything shows clean headers starting from theme header.
For me, it starts with WordPress logo black header about a 1/3 inch high on very top with logo+log in+register on the right and search on the very left. How do I get rid of it?
Further, If I want the very top to have a large (scalable for mobile) banner, then the top menu then the header, how do I do that?
How do I make the header menu go full width of the screen?
Hi Catalin
Thank you again for your help.
The updated code fixed the search icon, but the logo size still increases for the sticky version of the menu.
Thanks
Hello all,
Please replace the above code with the below 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;
}
@mystudent, if you want to decrease the space between the logo and the menu, please try the code below.
.td-header-style-7 .sf-menu {
float: none;
}
For your second request, moving to the right of Menu for Social Icons involve custom work and we cannot provide this type of services.
Thanks for your understanding!
Hi
Try this css in theme panel > custom code > custom css to reduce logo’s margins: http://screencast.com/t/Q0k8HFZcikU
.td-header-style-10 .td-logo-wrap{
margin: 10px 10px!important;
}
Let me know how it goes.
Thanks!
Hello Team,
Since I updated the theme, the space in the header between the title and the menus is more important.
How to reduce the space between the top menu and the title, and the space between the main menu and the title
My website address is http://www.regardnomade.com
If this help, I was using the following costum css before:
.td-logo-text {
font-family: “Lobster”, sans-serif !important;
text-transform: none; /* Removes uppercase format */
}
.td-tagline-text {
font-family: “Open Sans”, sans-serif !important;
text-transform: none; /* Removes uppercase format */
font-size: 1.2em; /* Can use em, rem, px, or pt units here, set to preference */
padding: 15px !important;
}
.home .entry-date{
display: none;
}
.td-grid-style-1 .td-module-thumb a:last-child:before {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
What should I change, or get ride off to make the header less high or smaller?
Thanks.
Vincent
Is there a way to do this? Instead of having the logo above the menu, can I have it next to the menu? Similar to this website: http://www.vice.com
Thanks it worked for me too, i was about to ask this question.
Still 1 Question:
How can we shift menu closer to LOGO as there is much gap between LOGO and Menu?
Thank you – works perfectly…just two glitches:
1) The sticky logo is larger than the original menu logo
2) The Search Icon isn’t in line with the original menu (around 30px below the menu), but then goes inline with the sticky menu once you scroll down.
Thanks again for the help!
Hello kfx,
You can try the code below and place in in Theme panel->Custom CSS area.
The code is ->
.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: 0;
}
Here you can see the result -> http://screencast.com/t/nTcSU7Qy2
Thanks.
Hi Catalin
Unfortunately it doesn’t help.
Just to make sure we’re on the same page, I’m using Style 7 and I’d ideally like the header/menu area (which contains the logo & menu) to be the same height as the sticky menu when you scroll down.
Thanks
Hi Team, i have few question issue found after update Newsmag to V3
1. Logo position at home page (https://iphonemod.net) seem lower down than normal (check screenshot here http://imgur.com/cEomkNX)
2. but after check post (any blog post) the logo position in fine
3. It will show text (iPhonemod) every time when reload to page
4. Got 2 Search icon
Please help,
Thank in advance.
Hi Bogdan,
Regarding the images, I was talking about the quality of the images (as well the logo). Regenerating only will solve this issue or do I have to change the compression ratio also?
All images I uploadedd for the logos I used are less then 50 KB in size. Also I noticed that the theme is slow . I mean it takes good 12-15 seconds before the front page is fully loaded. here is the link: sportsinplus.com
Hi,
this issue is caused by the css you added to change the logo width. This css no longer applies to the homepage in newspaper 7 as the logo css was changed.
please use this code instead if you wish to change the logo dimentions:
.td-header-sp-logo img {
width:150px!important;
}
Thank you!
Hello sniperetn,
Please notice that when you load the images in your Media Library, the quality of the images is not lost, as you can see here -> http://screencast.com/t/PbQln1nUaD the image will be loaded to the original dimension and then it will be cropped depending on which block/module is used -> http://screencast.com/t/kqxd9ZQJ.
If you need more assistance in this regard, please provide your website URL so I can inspect it closer your logo and also, so I will be able to provide a more accurate response. Please make sure that you have selected the maximum size for your logo when you load from the media library -> http://screencast.com/t/pj8omNou
Hope this helps!
Thanks.
If I use widgets, how do I enter ad in header at the side of my logo. I am using Style 3
I have selected the option to have my logo centred and the menu centred underneath but my logo keeps appearing left aligned.
But I am using Block 1. not 13
My concern is the logo at the header. Also I noticed that the images lose their quality once uploaded to the library before placing them on the page.
1. Social counter issue sloved.
2. I have not added any custom code for header or anything else in my theme. It is not theme default header, it is Header Style 7. But problem still there with large unnecessary gaps between LOGO and Menu.
Hello
Please check our demo version and there you will find the default size for our logo -> http://demo.tagdiv.com/newspaper/ If you want to increase the logo sizes you will have to do some additional customizations through the code and this involve custom work.
Thanks for your understanding!
Hi,
1) your social counter is not updated that is why it does not show up. Newspaper 7 requires version 4.1 of the social counter. Please disable and delete files for your current social counter plugin and then install it again from here: http://screencast.com/t/SZshTPHj
2) Please remove any custom css you might have regarding the header or the logo and restore the header to the theme default.
Thank you!
Hi,
For the icons, please remove any custom css you might have in place as the header css has been changed a bit and a h1 tag was added to the logo for seo purposes.
As for the social counter, you have not updated it. Please make sure you update your plugin by removing you currently installed one (disable and delete files) and install the new version from here: http://screencast.com/t/SZshTPHj
Thank you!
Hello divinechild,
Unfortunately, our theme does not have such a simple option that offers you a way to change the logo corresponding to what type of language you are using, sorry! Unfortunately, the theme does not have such a plugin tested in this regard and we cannot make a recommendation in this regard. If you are using this type of plugin, you will have to adjust it to work as properly with our theme and then if you want to add this option regarding on logo you will have to create a variable which detects the language used by you and depending on what language you are using to change the logo. To do this, you will have to add some conditions in files which are created the logo and add if/else statement -> http://screencast.com/t/NhcXz3vuW As you can see, this is not a simple task and this method involve custom work. So, if you are not aware of the steps which you are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry!
Thanks for your understanding!
Hey!
I didnt have custom css for logo size, only to align further to the left.
How can I make the logo not scale on the desktop site? I have limited knowledge of CSS so example would be much appreciated.