No search results were found in Documentation!
Easy to do with sidebar ads.
I think the way many folks have been doing this is by editing the ad module — but wait for TagDiv to give pointers on that.
You could try searching forum as it’s a very old topic at this point.
In our site, we added it to the sidebar ads with text box — for the big banner ad across top below logo/menu above content we dedided it was redundant since obviously an ad.
Something simmilar happens to me. You can watch it at http://www.leerenbodas.com The twitter social icon is gone, and the search icon too…
https://forum.tagdiv.com/topic/twitter-logo-not-showing-properly/
Hi,
Here is my website : http://www.sweetdaddy.fr
I did a research but I’m unable to find the answer to my question.
How can I downsize the size of the logo in the header ?
Thanks in advance for your answer !
http://i.imgur.com/rByBWoo.png as u can see something is wrong with the icon fonts. Any idea f what it is thanks, Lucas.
Catalin,
I have it working pretty well now. I am working on a test site at txcraigs.com. My main site that I am going to switch to Newspaper is hcnews.com.
This is the custom css I am using. It might not be the best way to do it, but it is working. There is a difference between Chrome and Firefox browsers in that there is no space between the banner ad and the nav bar in Firefox (Mac) and there is a gap (which I want) in Chrome. But that is not a big deal.
.td-header-style-1 .td-header-sp-logo {
width: 50%;
float:left;
margin: 28px 0px 0px -50px;
}
.td-header-sp-recs {
width: 50%;
float:right;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767px) {
.td-header-sp-recs {
width: 100% !important;
margin-left: auto;
margin-right: auto;
}
}
Thanks for a great theme and outstanding support.
Rick
Hi
1. Try this css in theme panel > custom code custom css: http://screencast.com/t/LWo79pKINwG
.td-header-sp-logo img{
padding-right: 24px;
margin-right: 45px;
}
2. From what I can see in your screen there is an additional distance added on top of trending now block. I am not sure why that distance appear but can be a margin or a padding set by a plugin. Try to deactivate all plugins except Visual Composer, clear all caches and test again.
Let us know how it goes.
Thanks!
Following upgrade from 4->6, this appears int he header right next to my logo – dasdasd ads asd asd as asd asd asd
View here
When I view the source on the browser
<!–
Header style 3
–>
<div class=”td-header-wrap td-header-style-3″>
<div class=”td-header-top-menu-full”>
<div class=”td-container td-header-row td-header-top-menu”>
</div>
</div>
<div class=”td-banner-wrap-full”>
<div class=”td-container td-header-row td-header-header”>
<div class=”td-header-sp-logo”>
</div>
<div class=”td-header-sp-recs”>
<div class=”td-header-rec-wrap”>
<div class=”td-a-rec td-a-rec-id-header “>dasdasd ads asd asd as asd asd asd</div>
</div> </div>
</div>
</div>
Catalin
Thanks for the suggestion. I changed the custom CSS to
.td-header-style-1 .td-header-sp-logo {
width: 50%;
float:left;
margin-left: auto;
margin-right: auto;
}
.td-header-sp-recs {
width: 50%;
float:right;
margin-left: auto;
margin-right: auto;
}
And it appears to be working like I want. I may tweak the tablet portrait so that the image is not as small for it. But it showing the ads on the same level like I want.
What is the best way to make the gap smaller between the header and the navigation menu bar?
Thanks,
Rick
Hello gunner05,
1)The Block 5 use module 3, as you can see here -> http://screencast.com/t/4YfTmYY6l If you want to change the Block 5, you have to change this module. You can reduce the padding-bottom in your block with the CSS code below but the left-right you do not change because you will damage the layout. The width is fixed and you cannot change of this without damage.
.td_module_3 {
padding-bottom: 10px;
}
The result you should see here: http://screencast.com/t/8OC0YY9MQh
2)Unfortunately, this animation does not come from the theme. If you want to remove this feature you have to remove the option from js. file from Visual Composer and it is not a simple task, sorry.
3)Unfortunately, our theme does not have this feature implemented. The more article box option displays only the active posts, like this -> http://screencast.com/t/P5I5MwcsBc For more information about more article box, please check our documentation, here: https://forum.tagdiv.com/more-articles-box/
4)In principle, should not be any problem with this, but noticed that the dimension of the logo will be adjusted by the theme according to header style used.
Hope this helps and let us know how it goes!
Thank you for the message!
Hello,
The default logo is included in the demo content so you already have it in the folder you downloaded from envato: http://screencast.com/t/XZGldpwKPm5v
In order to see the logo fonts used please follow this topic.
https://forum.tagdiv.com/topic/font-text-logo/
Thank you!
Hello,
How to create an empty page, I mean without sidebar, menu, logo. Only a blank page and text.
Hi,
I really like the logo which you used for the demoversion.
http://demo.tagdiv.com/newspaper/wp-content/uploads/2015/06/logo-header.png
I would use the same logo with different words for my website.
Is there a way that you could send me the filse so that i can change the text?
If not, what for a font style and size did you used in the first and second line?
Thank you
Hello guys, have a few questions about blocks:
1-How can I change the spacing/padding for Block 5? I understand I have to create a custom class in the block setting but what css do i put in theme panel? Will the block be effected sitewide or only the one I referenced with the id?
I want less spacing: https://box.everhelper.me/attachment/365600/khia2TJs8b3aazQepYb1AJRnEh0mqlOu/158366-adAEaZbxgnEkTahA/screen.png
2-How do i change the transition animation between tabs? I created 2 tabs using VC and loading 2 post grids (blocks). But i want it to FADE not fly in from the bottom when I switch tabs.
3- Sorry this has nothing to do with blocks, but how do i change the content inside the recommendation box that flies in after you scroll a post. I want to promote a facebook page instead of recommend posts.
4- I did not use the recommended logo size for homepage and mobile devices. I used a slightly bigger size image. Is that a problem or will it be ok?
Hello hcnsupport,
For your first request, you can adjust the width of both element (logo+ads) but you should be careful because the width it changes according to the device used and there will not be responsive. To achieve this, are required more customization.
I recommend you to use the second option. You can use the header_style_10 with some customization in properly file, like this -> http://screencast.com/t/hbieYxNHNJ3 -> http://screencast.com/t/7SwsdnqL and then you have the banner ad centered under your logo, like this -> http://screencast.com/t/aJrMC5yQt
Hope this helps and let us know how it goes!
Thank you for the message!
Salut Bogdan, scuze ca voi vorbi in romana
Pentru inceput as dori sa te intreb daca avem posibilitatea ca aceasta convorbire sa fie privata pentru ca as dori sa iti transmit date confidentiale despre website ca eu sa iti pot da denumirea websiteului. As dori sa imi pastrez anonimatul daca se poate.
Am 2 probleme mai exact mari ciudate:
1. Appearance -> editor -> ecranul apare cu descrierea website ului etc apoi ingheata si mai apoi tot con tinutul ferestrei devine alb.
2. Probabil de la un virus/bot/hack ceva sau un program ( enhanced media library ) wordpress a revenit la 4.4.0 desi eu aveam 4.4.1 before. In consecinta tema se comporta ciudat. WordPress a fost updatat ulterior insa problema a ramas.
Tema era singura pe care o aveam in panoul de teme cand acest lucruru s-a petrecut.
a. Momentan, nu pot folosi decat logoul pentru statndard image nu pentru retina, pentru ca daca folosesc logo retina, tema nu il reduce ci o afiseaza mare.
b. Nu mai pot avea acces la panoul Envato tolkit -> tagdiv NesMagazine pemtru ca imi soune ca tema nu este instalata, desi eu pe tema voastra functionez.
Ce e de facut ?
Daca ajuta cu ceva pot da datele de log in in wp admin sau ftp pentru a scurta din timp …
Multumesc !
Hi There,
I would like to ask on 2 things.
1 – How can I make my logo alignment edited? We want it at the very left so it will align with the Image Grid (Please see attached file). If it’s a css coding, can you provide us with the right code because I am not so good with css and php.
2 – We also need to lessen the spacing between the menu and the newsticker (see attached file also)
Thanks!
You would have to delete manually, or download to PC and use some software or scriptlet to search/destroy. Or, remove all except logos, then regenerate all images on server once you reset your optimized thumbnail settings in the theme panel and WP media setting.
I am trying to get a larger header and a smaller ad space (400 x 80) similar to my current site.
http://www.screencast.com/t/KHAOcM7K
I also like the way that the header currently sits just above the navigation bar.
I have attempted to change the CSS and have gotten the header and ads close to what I want on a desktop, but it does not look right on a landscape tablet.
.td-header-style-1 .td-header-sp-logo {
width: 560px;
margin-left: auto;
margin-right: auto;
}
.td-header-sp-recs {
width: 410px;
margin-left: auto;
margin-right: auto;
}
http://www.screencast.com/t/EYYaWfSRneHZ
What do I need to change to get the header and ad to stay on the same level and not drop below each other on a tablet?
http://www.screencast.com/t/RHoHHIHvI
If there is not a way to keep them on the same level, is there a way to center them?
Is there a way to center the top ad on the mobile version, too?
http://www.screencast.com/t/mNQqebRb
Hello,
The menu color can be changed from the theme panel like so: http://screencast.com/t/jdtbq46pjxj
As for the dimensions, you can use this custom css:
.td-header-menu-wrap-full{
height:48px!important;
}
.td-travel .td-header-style-5 .td-main-menu-logo a{
line-height: 50px!important;
}
.td-header-style-5 .td-main-menu-logo img {
max-height: 55px!important;
}
.td-header-style-5 .sf-menu > li > a{
line-height:48px!important;
}
.header-search-wrap .td-icon-search{
line-height:38px!important;
}I hope this helps.
Thank you!
Hi, i have a tech blog on Tech Niche http://www.bulletintech.com i have a concern mentioned below
I wanted to use Style 5 Full Dark Menu With Logo, but i dont like its dark color, so the first customization is change of color to White. the second thing is that i want to decrease the width of Style 5 Full Dark Menu With Logo a bit. it would be great if the width is equivalent to the width when it works as sticky menu
KINDLY HELP
Hi
You can modify the header with using this css in theme panel > custom ceode > custom css: http://screencast.com/t/3x0zB56Fru9w
.td-header-wrap{
width: 1021px;
margin-right: auto;
margin-left: auto;
}
This css will make the header by an equal width with the footer.
To reduce the footer height try this css: http://screencast.com/t/FRaoUkSjC
.td-footer-container{
padding: 12px 0 5px 0;
}
.td-footer-info {
margin-bottom: 3px!important;
}
.footer-logo-wrap {
margin-bottom: 0px;
}
Thanks!
Hello John,
If you want to move to the left your logo, you have to use a bit of CSS. Please try the code below and add it in Theme panel->Custom CSS area, like this: http://screencast.com/t/erWaKfeLV5
.td-header-style-1 .td-header-sp-logo {
margin-left:-20px;
margin-right:50px;
}
The result you should see here: http://screencast.com/t/6V8yMQvWI
Hope this helps and let us know how it goes!
Thank you for the message!
Hello joyceloh,
1) If you want to enlarge your logo size on your mobile mode, you should try a bit of CSS and add it in Theme panel->Custom CSS area, like this: http://screencast.com/t/Hu6ilCrf
@media (max-width: 767px){
.td-retina-data {
width:200px;
height:70px;
}
.td-main-menu-logo img {
max-width: 200px;
max-height:70px
}
}
The result you should see here: http://screencast.com/t/poBxwQrKrHr
2)If you want to reduce the padding-bottom and the margin-bottom you should also use a bit of CSS, like this:
.td_block_big_grid_3 {
padding-bottom:25px;
}
.td-a-rec-id-custom_ad_2 > div {
margin-bottom:25px;
}
The result you should see here: http://screencast.com/t/5Xfuc2l0nBEp
Hope this helps and let us know how it goes!
If is not what you mean, please provide more details.
Thank you for the message!
Hi
I’ve use firebug to see the style sheet for the logo I am using (style sheet is /themes/Newspaper/style.css?ver=6.6.3)
The CSS code I see is:
.td-header-style-1 .td-header-sp-logo {
height: 90px;
margin: 28px 28px 9px;
position: relative;
width: 284px;
My logo size is (272 x 90px) .png
How can I get my logo to be on the very left (see design requirements):
I’ve tried playing around with the margins, but it’s not doing anything.
Please help.
Thanks
John
I have site – http://clubnews.su/ and i need that between the logo and menus to be seen background image. How to make the gap between the logo and the website menu?
