- 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
The category background section of the settings for each category has description text referencing a 300px wide logo file. See screenshot below. Minor issue, but worth noting for the V5 release.
Oh, I was referring to browser cache or it will show the old image.
I was not saying to resize the image you have, I said to change it canvas.
You can resize your logo from 150×150 to 100×100 and then change its canvas to 300×100.
Here, upload this and try it out.
As you can see in the theme panel, the theme expects a 300x100px image.
If you really want to use 150×150 you have to manually edit some files under the “parts” folder in your newspaper theme folder:
header-style-1.php (line 33)
menu-header-center.php (line 53)
menu-header.php (line 53)
replace width="300" with width="150"
The first solution has the advantage of persisting after an update while the latter needs to be redone after update (unless new version 5 of newspaper has more options).
Hi,
Actually logo is in square shape. If I change size to 300px X 100 px then logo gets distorted. Suggest a way out.
I want to use square logo only but of small size.
thanks,
Aditya
Hi,
that’s because the theme “forces” the logo to have 300px of width. Your image has width 150px and gets “upscaled”, making the height of the image to be 300px as well.
Make a 300×100 px with your logo in it (even if the image is partially “blank”) and upload it. It should display correctly (remember to flush caches)
Hope this helps, cheers!
Hi team,
I am facing problems with the logo size and dimensions. In the below image I need to reduce the logo display size which I have tried reducing by changing the dimensions through choose logo but of no avail. Please help.
Please visit and check:
http://www.careongo.com/riseup
Hi,
How can I get the logo aligned left?
I changed it in the css from center to left, but there is still a space. It should be begin directly over the menu, at the moment it is placed more to the right.
I found no other padding for that in the css, it is all fine like it is. But the logo begins not directly on the left side..
Yeah, it was the theme panel. Logos, colors etc that are gone.
Hi,
The menu bar uses the logo you set for the mobiles, here: http://screencast.com/t/6H7JFc3JXvXk so make sure you add your menu logo there.
Thanks
Thanks ! Logo problem solved 🙂
But now the menu text has a tiny jump when I scroll up.
Hey guys,
I have the same issue as andreaspom above…
When I paste the Instagram URL into the WordPress editor, the image appears as it should in the published post.
But when I publish the post, all I see are the Instagram logo with caption below.
I’ve deactivated all my plugins (except VC) and found the same issue to occur.
Screenshots are attached.
Can you help?
hey cris thanks for the reply but i only want to change the menu logo and not the main logo i want the menu logo with no tagline …
Hi. What is going on when updating the theme (auto update in this case I guess) suddenly removes every customization that has been done. Including logo and such? It has happened before and once again I see that the page is “blank”
You can change the header “style” from the theme panel to make them full width (I use style 8 myself).
You can change the logo from the theme panel under ‘header’ and the logos section.
Hope that is a starting point ?
TagDiv support closed weekends, but should be back today (Monday).
Well… nothing suddenly “happens” on its own.
Good idea to
a) check to see if something got updated
b) check to see if something being inserted in page from plugin is breaking pages (try turning off plugins to see if something doing that)
c) try rolling back to last version if you updated something — again, the theme cannot magically break by itself
d) did you try checking a post with console (F12 in Chrome) for errors?
Are you using a custom template?
Since the html is only loading logo on IE, and nothing on Chrome, it looks like something is “bad” right at start of page loading.
This can be malformed custom CSS, malformed custom JS, inserted in head; it can be a bad bit of something inserted into head by a plugin, etc.
No idea beyond the above items.
TagDiv folk likely will have better answer, but basically the only way for something to “suddenly” stop working (as per past posts on your site issues), is for you to have changed something, or a plugin to suddenly have changed something. This is why “auto updates” are also a bad idea in case something doesn’t work with something else.
You might also try clearing your site cache if using plugin, or turn that off, if it got corrupted or isn’t house cleaning properly.
Hi,
I want to remove the sidebar on mobile devices I have this CSS sidebar but still , any ideas
@media(max-width: 767px){
.single .td-main-sidebar {
display: none;
}
}
.td-header-style-10 .td-header-text-logo {
margin: 0px 10px 30px 30px
}
.td-footer-container {
margin-right: auto;
margin-left: auto;
position: relative;
background-color: #222222;
padding: 0px 0 0px 0;
color: #ffffff;
}
.td-pb-padding-side {
padding: 8px 0px 0px;
}
.td-footer-container .td-footer-info {
margin-bottom: 0px;
}
.footer-logo-wrap {
margin-bottom: 0px;
display: block;
}
.sf-menu > .current-menu-item > a, .sf-menu > .current-menu-ancestor > a, .sf-menu > .current-category-ancestor > a, .sf-menu > li > a:hover, .sf-menu > .sfHover > a {
background-color: #2daae1;
color: #000000;
z-index: 999;
}
.td-ss-main-content{
margin-left: 10px;
margin-right: 10px;
}
.td-page-title {
display:none;
}
.sf-menu > .current-menu-item > a, .sf-menu > .current-menu-ancestor > a, .sf-menu > .current-category-ancestor > a, .sf-menu > li > a:hover, .sf-menu > .sfHover > a {
background-color: #2daae1;
color: #ffffff;
z-index: 999;
}
.td-sub-footer-container {
padding: 0px 10px 0px 10px
}
.td-category-description{
padding: 23px;
}
.titulares {
font-family: ‘Roboto Condensed’, sans-serif;
font-size: 25px;
line-height: 35px;
font-weight: normal;
font-style: italic;
text-align: center;
text-transform: uppercase;
color: #4db2ec;
}
THX
My site is frelsitv.com
When I scroll down on my page the logo doesn’t resize: Before: https://www.dropbox.com/s/1qq1m1rp37cnimt/problemLogoBefore.jpg?dl=0 After: https://www.dropbox.com/s/ofzq6jrpkqt4czm/problemLogoAfter.jpg?dl=0
Hi,
Please set the desired logos and provide the url so i can take a look, i’ll get back with a solution.
Thank you!
Hello I just want to know how to make the top bar full width…. and also how to change the logo for only the menu bar http://snag.gy/DEKfJ.jpg
Thanks in advance
Parth
Ok. Fixed it.
What had happened was when I asked how to prevent the logo from loading in the middle first then loads to the left I was told to edit the css file
Also you have to change the css code in style.css file as the default style is loading first and because of the cascading property of the css style appears the delay you have noticed. So try to remove this code – http://screencast.com/t/77pQNXhaN then clear cache and see if it works.
Please note that this change will affect also other headers so if you change the header style revert this change.
I didn’t want to change the original file so I copied the style.css over to the theme folder and made the change. What would be the correct way of changing this without changing the original file?
Hi! I need some help to make the logo bigger with the Header Style 9. I know I can change the min-height/max-height and stuff… but… the sticky header persists bigger instead of to load the Mobile Logo, for example.
So I need to find a way to use a logo with 100px of height in the normal header and 75px in the sticky header.
Here’s my CSS so far:
/** LOGO **/
.td-main-menu-logo img,
.sf-menu > .td-menu-item > a > img {
max-height: 100px !important;
}
/** NAV **/
ul.sf-menu li { float: right; }
.td-mega-menu ul { margin-top: 32px !important; }
.td-header-main-menu { padding: 20px; }
.sf-menu { padding: 3px; }
Thanks guys!
Hi Lucian,
I deactivated all the plugins and still see the large logo on the retina display.
I inspected element and changed the max-height to 90px and it seems to load correctly just like the newsmag demo. Would this be an acceptable solution?
.td-header-style-7 .td-header-sp-logo img {
position: relative;
max-height: 90px,
}
Regarding the icons, I shared your reply with my hosting support team for their help in changing the htaccess and they came back with the below.
I have added in your website .htaccess the directive that was suggested in the article, however as I checked the characters remain unchanged, but via Chrome I am able to see another result:
http://www.awesomescreenshot.com/image/274460/9f0b7b47f1038a7de5a65af8208729b0
which makes me think that the issue is connected to the website configuration.
Please check the details and If there is anything else that we can assist you with , don’t hesitate to contact us back at any time!
Is there anything else we can try?
Hello, excuse my English, greetings from Argentina. I have to fix the following:
1* As I can shrink the margins (high) on display from the mobile?
http://www.screencast.com/t/G45cMf19m
2* Hide blocks on mobile devices no funciona, como debo utilizar los css?
http://prntscr.com/4yxjqt
3* How to insert a block in place of the logo to customize the header and achieve something like this?
http://www.screencast.com/t/oqodyuT1q
http://www.screencast.com/t/K16Vg9Fa9aLW
Thank you very much …
Replied here: https://forum.tagdiv.com/topic/retina-logo-loading-full-size/#post-50982
Thanks for the message!
Hi,
It should look like this: http://screencast.com/t/CXCezf7CLA so please also test this without any plugins active, leave just the VC plugin active and test this again, I believe a plugin is altering it. Please give it a go and let me know how it goes. You can also test our demo and see how the logo display’s there on your device: http://demo.tagdiv.com/newsmag/
Regarding the icons showing squares and chinese letters issue I’ve noticed these errors in browser’s console which pointing to theme’s icons fonts: http://screencast.com/t/BXRl080N2b and also noticed you use cdn. This usually happens when loading the font file (which contains those icons) from another host/url like your case of using cdn.
The solution would be to load them from the same url as the site or try this solution – http://webmasters.stackexchange.com/questions/71630/font-blocked-from-loading-by-cross-origin-resource-sharing-policy-no-access-co
Please let us know how it goes!
Thanks
Hi,
Not sure what happened but the social icons on the header and footer are in another language. How do i make these the standard logos?
