- 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
My logo shows on laptop and desktop devices in the header on the home page. But when I view it on a mobile device, it still shows the sample “Lifestyle Magazine” logo that came with the theme. How can I change that? Thanks so much.
Hello,
I have updated my Newspaper theme to the latest version. Whenever I try to update my logo image on my homepage, it shows up very small. I have uploaded in a variety of formats, and I have used the listed specs (272×90) and jpg and png formats.
Screenshot of what uploaded logo looks like here: https://docs.google.com/document/d/11NtfVvv0mGIk6zfRfjo0dhozfnnvDHGfZ8xxiuNeRVo/edit
Hello,
I have updated my Newspaper theme to the latest version. Whenever I try to update my logo image on my homepage, it shows up very small. I have uploaded in a variety of formats, and I have used the listed specs (272×90) and jpg and png formats.
Screenshot of what uploaded logo looks like here: https://docs.google.com/document/d/11NtfVvv0mGIk6zfRfjo0dhozfnnvDHGfZ8xxiuNeRVo/edit
hi,
i have a problem with admin bar item.
when i click homepage logo or website link which is in admin bar, suddenly admin bar is disappearing. But the problem is only my homepage. After homepage, i’m visiting other pages, categorier or any other content, admin is appearing.
could you help for this problem please?
thanks
I want to insert a shortcode to a page, so not to a sidebar, to display rotating logos. What element do I need to use for this?
Hi,
I have inspected your website and I saw that your footer logo works as expected
https://www.solutioninhindi.com/airtel-free-caller-tune-activation/amp
see here: https://www.screencast.com/t/aXqbIUZh
You can try your self the post with amp here
Thank you for your understanding.
Sir,
I Test My Site (https://www.solutioninhindi.com/) Speed Test With
“https://developers.google.com/speed/pagespeed/insights/”
Then Show me lots of Optimization error. I Provide you Optimization Suggestions Link then you can easily understand
Optimization Suggestions
Remove render-blocking JavaScript:
https://www.solutioninhindi.com/…-includes/js/jquery/jquery.js?ver=1.12.4
https://www.solutioninhindi.com/…s/jquery/jquery-migrate.min.js?ver=1.4.1
Optimize CSS Delivery of the following:
https://www.solutioninhindi.com/…form-7/includes/css/styles.css?ver=5.0.4
https://www.solutioninhindi.com/…lugins/td-newsletter/style.css?ver=4.9.8
https://www.solutioninhindi.com/…css?ver=72ece2de773553959e5098a544851753
https://fonts.googleapis.com/…%2C500%2C500italic%2C700%2C900&ver=9.0.1
https://www.solutioninhindi.com/…ent/themes/Newspaper/style.css?ver=9.0.1
https://www.solutioninhindi.com/…css?ver=dc11e23cd0219f30e55307de07f135fc
Enable compression
Compressing resources with gzip or deflate can reduce the number of bytes sent over the network.
Enable compression for the following resources to reduce their transfer size by 1.4MiB (85% reduction).
Compressing https://www.solutioninhindi.com/…ent/themes/Newspaper/style.css?ver=9.0.1 could save 1,014.3KiB (89% reduction).
Compressing https://www.solutioninhindi.com/…wspaper/js/tagdiv_theme.min.js?ver=9.0.1 could save 155.7KiB (76% reduction).
Compressing https://www.solutioninhindi.com/…-includes/js/jquery/jquery.js?ver=1.12.4 could save 61.9KiB (65% reduction).
Compressing https://www.solutioninhindi.com/…css?ver=72ece2de773553959e5098a544851753 could save 59.1KiB (86% reduction).
Compressing https://www.solutioninhindi.com/…css?ver=dc11e23cd0219f30e55307de07f135fc could save 55.9KiB (87% reduction).
Compressing https://www.solutioninhindi.com/ could save 55.5KiB (79% reduction).
Compressing https://www.solutioninhindi.com/…-form-7/includes/js/scripts.js?ver=5.0.4 could save 10.4KiB (72% reduction).
Leverage browser caching
Setting an expiry date or a maximum age in the HTTP headers for static resources instructs the browser to load previously downloaded resources from local disk rather than over the network.
Leverage browser caching for the following cacheable resources:
https://solutioninhindi.com/…ads/2018/09/Solutioninhindi-logo-140.png (expiration not specified)
https://solutioninhindi.com/…ads/2018/09/Solutioninhindi-logo-272.png (expiration not specified)
https://solutioninhindi.com/…ads/2018/09/Solutioninhindi-logo-280.png (expiration not specified)
https://solutioninhindi.com/…8/09/Solutioninhindi-logo-544-300×53.png (expiration not specified)
https://www.solutioninhindi.com/…Newspaper/images/no-thumb/td_218x150.png (expiration not specified)
https://www.solutioninhindi.com/…/Newspaper/images/sprite/elements@2x.png (expiration not specified)
https://www.solutioninhindi.com/…th-Se-Android-Mobile-Hack-Kaise-Kare.png (expiration not specified)
https://www.solutioninhindi.com/…ge-custom-url-set-kaise-kare-768×417.jpg (expiration not specified)
https://www.solutioninhindi.com/…-2Bvideo-2Bkaise-2Bdale-2Bin-2Bhindi.jpg (expiration not specified)
https://www.solutioninhindi.com/…8/09/airtel-free-caller-tune-768×400.jpg (expiration not specified)
https://www.solutioninhindi.com/…o-2Bkaise-2Btode-2Bunlock-2Bkare.png.jpg (expiration not specified)
https://www.solutioninhindi.com/…2Bka-2Bpattern-2Block-2Bkaise-2Btode.jpg (expiration not specified)
https://www.googletagmanager.com/gtag/js?id=UA-109288917-2 (15 minutes)
https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js (60 minutes)
https://www.google-analytics.com/analytics.js (2 hours)
Minify CSS
Compacting CSS code can save many bytes of data and speed up download and parse times.
Minify CSS for the following resources to reduce their size by 214.5KiB (18% reduction).
Minifying https://www.solutioninhindi.com/…ent/themes/Newspaper/style.css?ver=9.0.1 could save 201.1KiB (18% reduction).
Minifying https://www.solutioninhindi.com/…css?ver=dc11e23cd0219f30e55307de07f135fc could save 13.4KiB (22% reduction).
Minify HTML
Compacting HTML code, including any inline JavaScript and CSS contained in it, can save many bytes of data and speed up download and parse times.
Minify HTML for the following resources to reduce their size by 13.7KiB (20% reduction).
Minifying https://www.solutioninhindi.com/ could save 13.7KiB (20% reduction).
Optimize images
Properly formatting and compressing images can save many bytes of data.
Optimize the following images to reduce their size by 227.9KiB (94% reduction).
Compressing and resizing https://www.solutioninhindi.com/…o-2Bkaise-2Btode-2Bunlock-2Bkare.png.jpg could save 60.1KiB (95% reduction).
Compressing and resizing https://www.solutioninhindi.com/…ge-custom-url-set-kaise-kare-768×417.jpg could save 51.4KiB (95% reduction).
Compressing and resizing https://www.solutioninhindi.com/…-2Bvideo-2Bkaise-2Bdale-2Bin-2Bhindi.jpg could save 43.9KiB (94% reduction).
Compressing and resizing https://www.solutioninhindi.com/…8/09/airtel-free-caller-tune-768×400.jpg could save 42.7KiB (94% reduction).
Compressing and resizing https://www.solutioninhindi.com/…2Bka-2Bpattern-2Block-2Bkaise-2Btode.jpg could save 29.8KiB (93% reduction).
Optimizations Already Present
Avoid landing page redirects
Your page has no redirects. Learn more about avoiding landing page redirects.
Minify JavaScript
Your JavaScript content is minified. Learn more about minifying JavaScript.
Hello,
I have inspected your website and I saw that your footer logo works as expected, on the mobile format, as you can see here -> https://www.screencast.com/t/miv9BxJM Where is the problem?
Thanks for your understanding!
Thank you for your reply. It works but not quite how I expected as the top title bar stretches across the whole screen (which I understand why) so the logo/menu is to the far left of screen and I needed the logo/menus to stay on the content section with the background colour of the title/top bar either side of it like it does without a background image or colour. I don’t suppose there is another way?
What I am trying to achieve is to have a different background using a logo for each category and hoping to use the ‘space’ either side of the content area. Is it possible to add an image (logo) to the category name section at the top of each category?
Thanks
Hi,
Hope this will help you.
replace the code whit this one:
.td-header-style-1 .td-header-sp-logo {
margin: 28px 0;
}
.td-header-sp-logo img {
width: 237px!Important;
max-height: 118px!Important;
margin: 0 ;
margin-top: 66px ;
margin-bottom: 66px ;
}
.td-header-sp-recs {
margin-left: 56px!important;
width: 728px!important;
height: 90px!important;
margin-top: 80px!important;
margin-bottom: 80px!important;
}
.td-banner-wrap-full {
height: 250px!important;
}
.td-header-sp-logo{
margin:0!important;
}
Hello,
It worked.
But soon the site in the footer is of the wrong dimensions.
Anything to adjust or remove the footer logo?
Another issue is the favicon, it is not appearing on the AMP page.
A while ago it was working fine.
Thank you.
I want to specify, I need:
1. Header background: height 250px
2. Logo: 237×118 (aligned left and center in height)
3. Header ad: 728×90 (aligned right and center in height)
Hi,
If this is what you need https://www.screencast.com/t/Ken6uwpdo0d
then you can use this code :
.td-header-style-1 .td-header-sp-logo {
margin: 28px 0;
}
.td-header-sp-logo img {
margin-left: 0 ;
}
.td-header-sp-recs {
margin-left: 56px!important;
}
Thanks.
Thanks Calin for your help.
Unfortunately, I was unable to make the correct sizes. Please see the link and give my an exact code for appropriate view both for header, logo and header ad.
Thank you in advance.
Hi,
3. After you install the theme, you need to install a plugin Revolution Sliders, you will find more information about it here: https://forum.tagdiv.com/import-revolution-sliders-on-demos/
https://www.themepunch.com/revslider-doc/slider-revolution-documentation/
2. That image is a feature image set on the page that is set from homepage
( to set a page from homepage go in settings Reading select a static page https://www.screencast.com/t/2hWujyOCwFt ).
Here you can read how to set a feature image or video: https://forum.tagdiv.com/featured-image-or-video/
1. There is a logo set ( here you can set your logo: https://www.screencast.com/t/WDgmAk3zx )
Thank you.
Hi Garba,
That can be done just whit custom css
https://www.screencast.com/t/LXMXBFt9u
If you’ll like to try, here is the code from example
.td-header-sp-logo {
background-color: red;
height: 200px!important;
width: 400px!important
}
.td-header-sp-recs{
width: 50%!important;
padding-top: 50px!important;
}
Just paste it in Newspaper>Theme panel> Custom code> Custom css
Thank you.
How can I increase a header height? And the logo there.
I’m using header style 1.
Yes, that’s what I already did. But is it possible to change the width of the columns there? For the purpose we are thinking of, we’d like to adjust the width of the left column to be the same as the logos we want to add there.
Thanks.
Hi mateusnds,
Please check in Newspaper >theme panel > header> in Logo for mobile and Logo & Favicon to have set the logo ( https://www.screencast.com/t/RGw3nrBPzHM )
Thank you.
what is the CSS to add to make newsmag theme LOGO bigger. My logo is a circle and you can barely see it on my iPhone.
Hi,
If you set your own logo, the one from Newspaper will not be loaded anymore
– https://www.screencast.com/t/myPYKRss0
So only your logo will be loaded. If there is a problem I could take a look, provide a link to your website.
The theme comes with quite a few fonts from which you can choose. If you want to use other fonts you can load them in the theme panel (up to 5 custom fonts can be loaded)
– https://www.screencast.com/t/bxTi7gT7VyF
– https://forum.tagdiv.com/font-customization/
Be sure to load the appropriate characters subset – https://www.screencast.com/t/aJv6WnCk
Once you load the desired fonts they will appear in the selection drop-down and you can select them for the elements you want. For example the post content
– https://www.screencast.com/t/nQkcNifoN
Thanks
Hi,
The theme mobile menu can’t be disabled by a setting. You could hide the entire mobile header with a CSS code. For example a code like this should work
– https://www.screencast.com/t/tS2bzBOKE1GQ
In this case the code can be entered in Theme panel->Advanced CSS->Phones
– https://www.screencast.com/t/2PhZn7vc
.td-header-menu-wrap-full {
display: none;
}
This code should remove the mobile menu bar with the menu icon, logo and search icon.
Thanks
