- 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
Hello,
You can increase the logo using this code:
.td-header-style-1 .td-header-sp-logo img{
max-height: 125px!important;
}
As for the ad, you did not implement it correctly. Please use this guide:
https://forum.tagdiv.com/using-other-ads-non-adsense-ads/ and wrap the code in the proper div’s provided.
Thank you!
but I bought the same theme about a year ago as well – and in that version it works without problems when I put in the composer-code on several pages. I was wondering why it does not work anymore. In the old version there where also more options with several fields.
your solution does not work: When I deactivate the mobile theme I have several troubles on mobile: first of all I cannot define the background color of the mobile header. It is black in the desktop version but white in the mobile version and with a white logo – that sucks. second the menu does not work before the page is fully loaded.
I cannot build every page two times – thats really not practical. Please don’t give me the “leave us alone answers”, rather than some constructive tipps. It worked already, so you can make it work again I guess. Or tell me how to deactivate the mobile theme only on several sites.
How can I fix my header?
I would like to make the logo a bit bigger and add some white space above my ad. My banner add size is a static 600px wide X 269px tall. I also need to drop the menu down.
Desktop is considered above 1141px – https://www.screencast.com/t/FSH8e92msJLA
So for screen widths higher the that, it will look properly
– https://www.screencast.com/t/dWhszweJS8pD
As the screen size decreases (considered tablet size), a different code would be needed to display properly, like this
– https://www.screencast.com/t/5FcH1pYKYuUl
Enter the previous code as mentioned, in the desktop CSS section. Enter this one in both tablet widths
– https://www.screencast.com/t/9sHPlX8qhn
.td-header-style-8 .td-header-sp-logo {
top: 20px;
}
Thanks
Hi, I was wondering how I could align the “1 Posts” and Twitter logo to the left of the box.
Image: http://ibb.co/kAYuRw
can you please reply to my emails , now when i ad the header ads , work fine in other pages but the home page no , when i change the header look or the logo or anything didn’t change on the homepag , but other pages all is fine , i reloaded all my website from the host , i deleted all my data and install all from zero , but still the same problem , i change the demo , i choose another one , the theme change on other pages but the home page still with the theme that i choose the first time
Yea, but when someone is looking at website on smaller window, logo is shifted.
I can’t find the psd file for the Technology Hub Logo in the psd_logo folder.
Do you provide the logo in psd format, too?
Thanks,
D.
Hello,
I recently started working on my website. I have tried several times to upload the logo. When I click “save” it just keeps spinning and does not save. Can someone please help. Thanks!
Hello lukehodge,
You sohuld try using a bit of CSS code if you want to change the size of your logo.
The code is ->
@media (max-width: 1140px){
.td-main-menu-logo img {
max-width: 250px;
}
}
@media (max-width: 1140px){
.td-main-menu-logo img{
max-height: 60px!important;
}
}
Notice that we do not recommend to increase the size of that section because the logo can be easily broken. I suggest to load another logo size for the mobile version from Theme panel, clear all the caches and check the results. If you will check our demo, you will see good results in this case.
Thanks for your understanding!
Hi,
That could only be done with custom code. You can use the browser inspector for this, inspect the elements used and create the code. A similar border can be set like this
– https://www.screencast.com/t/XmN2EYR6Ff8
.td-header-style-5 .td-main-menu-logo,
.td-header-style-5 #td-header-menu .menu-item {
border-right: 1px solid white;
}
Then you can color the menu items as you wish, like in this topic
– https://forum.tagdiv.com/topic/changing-the-themes-colour-per-page/
This is a guide for using the browser inspector to make this kind of customization, It is a very powerful tool
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Hi,
Maybe something like this – https://www.screencast.com/t/PKq1GBzJmpV8
Enter the code in Theme panel->Advanced CSS in the desktop section, so it will not affect other devices (this may not look well on smaller devices). You can make modifications to the value in the code if needed.
.td-header-style-8 .td-header-sp-logo {
top: 40px;
}
Thanks
hi there,
I’m in the middle of moving my site to newspaper-theme.
one thing concerning the header I couldn’t figure out yet:
I set up header style1: how can I align the header items vertically centered. I have a logo and an ad (no adsense). and they is there a way to make the header a flexbox?
thanks
Thanks Bogdan, the css worked for the reduction.
You can view the website at https://seemslegit.com.au/ and I would like to remove the now thinner bar of white space between the main menu/logo and big grid when you viewing on mobile devices if possible?
Hello,
How can I lower logo on my blog?
I want to make effect like this 
(quick paint :D)
I want to make it on same position with menu.
Hello,
I am using de BookClub demo, and since yesterday my logo on mobile was aboce the main menu.
Yesterday i uploaded a new logo with borders, and now it appears in the main menu. How can i change this ?
Thank you, and excuse my english i’m french !
Emilie
Hi
I need to get this layouts for the header (Mobile and Desktop) Take a look at linked images below
How I can reach this results?
I tried any combination but with header 4, 5 and 9 the logo is too small
Can you help me?
Thanks
Fabrizio
http://www.il-tuo-sito.it/IMG/HEADER-DESKTOP.jpg
http://www.il-tuo-sito.it/IMG/HEADER-MOBILE.jpg
Hello cltmaker,
Unfortunately, I do not exactly understand what you want. Notice that the logo for header style 7 is already displayed to be in full size. This header style will display the logo in the full width of it.
If is not what you mean, please provide more details so I will be able to provide a more accurate response.
Thanks for the message!
Hi,
You can install the demo you like, then gradually replace the content with your own. Start from the top for example, upload your own logo, set your own menu
– https://forum.tagdiv.com/logo-favicon/
– https://forum.tagdiv.com/main-menu/
– https://forum.tagdiv.com/mega-menu/
Edit the homepage with the tagDiv composer, remove/modify/add elements as you want
– https://forum.tagdiv.com/tagdiv-composer-tutorial/
– https://forum.tagdiv.com/block-settings-guide/
Each block and grid can be configured to display the posts you want, there are multiple filtering and sorting options available.
Please let us know if you have more questions or you need help with something.
Thanks
Hi, can you provide css code for a full-size, centered and padded logo for header style 7? I would like the image to appear in the actual size. Thank you.
Hi,
I just wanted to see if you could please tell me how to increase the size of my logo when viewing on mobile devices? (I’m not using the mobile theme)
Screenshot: http://www.screencast.com/t/Qy71P1pUj
Hi there,
I am trying to make my website automatically load my CSS without it overriding the default style first, however, when I add the following CSS (that works fine in the Custom CSS on the Theme Panel) to either the style.css or demo-style.css it does not show up at all on my website.
Any ideas why?
Here is the CSS I am adding:
.td-lifestyle .td-header-style-1 .sf-menu > li > a:hover {
color: #ffffff !important;
}
.td-post-category {
background-color: #fed64e !important;
color: #000;
}
.td-post-category:hover {
color: #ffffff;
}
.td_module_mx8 .td-post-category {
background-color: #fed64e !important;
color: #000;
}
.td_module_mx8:hover .td-post-category:hover {
color: #ffffff;
}
.single .td-category {
display: none;
}
@media screen and (max-width: 767px) {
.td-footer-wrapper::before {
background-image: url(https://www.syrupbee.com/wp-content/uploads/2018/01/Sunflower.jpg) !important;
opacity: 0.2 !important;
}
}
@media screen and (min-width: 1141px) {
.footer-logo-wrap img {
margin-top: 21px;
margin-left: 185px;
width: 35%;
}
}
@media screen and (min-width: 1019px) and (max-width: 1140px) {
.footer-logo-wrap img {
margin-top: 22px;
margin-left: 165px;
width: 35%;
}
}
@media screen and (min-width: 768px) and (max-width: 1018px) {
.footer-logo-wrap img {
width: 70%;
margin-top: 25px;
margin-left: 50px;
}
}
@media screen and (max-width: 767px) {
.footer-logo-wrap img {
width: 10%;
margin-top: -20px;
margin-bottom: -20px;
}
}
.td-lifestyle .td-header-style-1 .td-header-menu-wrap:before {
display: none !important;
}
.td-lifestyle .td-header-style-1 .td-header-menu-wrap:after {
display: none !important;
}
Thanks,
Chris
Hello,
Please try this code instead:
.td-header-style-9 .td-logo-wrap-full. td-logo, .td-header-style-9 .td-logo-wrap-full .td-logo{
min-height: 95px!important;
line-height: 102px!important;
}
Thanks.
Hello,
It seems the spacing comes from your image for the most part. Pleae change the logo and remove some of it’s spacing in your favorite photo editor. Then add this code in the theme panel-> custom css box:
.td-header-style-9 .td-logo-wrap-full{
min-height: 95px!important;
line-height: 102px!important;
}
I can’t see any ad underneath the menu however.
Thanks.
Hi.
Can you tell me how I can remove some of the space around the logo in my header. Don’t know why I have so much space but less would be better.
Site : http://www.dragoernyheder.dk
Password : dragoer
