- TutorialsDefault Block Settings Guide
I have this header
There’s a block to the right of the banner logo that used to work. It used to be a text block for TEXT LOGO but now the block doesn’t exist. How can I restore that?
I recall seeing an editor that gave me a graphical view of the block layout for a td template but I can’t find it now. I believe that’s how I disabled that block.
Hello,
I would like to do a horizontal border below the top header, but I don’t know the code for Style 2 – Multipurpose. I can’t find it in style.css. I would like to do something like this, but for the multipurpose one.
.td-header-style-2 .td-header-top-menu{
border-bottom: 1px solid lightgrey;
}
In addition, Simion.
I tried three different customized fonts and changed it in the theme panel under “Theme fonts”. I changed only the header fonts – all fonts – but the design of the font in the preview had always the same design. It doesn’t matter if I have used arial bold, oswal dregular oder robotoitalic.
That’s confusing at all.
Do you have any idea which problem I have?
Thanks
Sascha
So,
I use adrotate and an also using a header style that doesn’t have a banner ad by default. I added some simple PHP ad roate code to the header. See below/
<div class=”td-header-menu-wrap td-header-gradient <?php echo $menuSearchClass ?>”>
<div class=”td-container td-header-row td-header-main-menu”>
<?php locate_template(‘parts/header/header-menu.php’, true);?>
</div>
<?php echo adrotate_group(5); ?>
</div>
</div>
I am trying to style this using .g.g-5 I cannot make this add stay centered and full width when sizing down. Any help would be greatly appreciated.
TG
It’s strange…
Commenting this:
/* .tdm-menu-active-style5 .tdm-header .td-header-menu-wrap .sf-menu>.current-menu-item>a {
background-color: inherit;
color: inherit;
} */
…this code (with !important) does not work (does not mantain the active custom color, and returns to the Nespaper’s default):
#menu-principal-1 > .menu-item-131 > a:hover, .current-menu-item.menu-item-131 {
background-color: brown !important;
color: white !important;
}
I made something wrong?
Hello,
Is there any built-in option to allow my website visitor to increase or decrease the font size in an article? If not; could you advise a plugin which works compatible with NewsMag theme. I have tried several plugins but some of them only effected to header fonts, some of the just didn’t work.
Regards.
Let me format that better. Thanks
/* widget title color start */
.td-theme-wrap .block-title > span, .td-theme-wrap .block-title > span > a, .td-theme-wrap .widget_rss .block-title .rsswidget, .td-theme-wrap .block-title > a, .widgettitle, .widgettitle > a, .td-trending-now-title, .wpb_tabs li.ui-tabs-active a, .wpb_tabs li:hover a, .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab.vc_active > a, .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab:hover > a, .td-related-title .td-cur-simple-item, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce .product .products h2:not(.woocommerce-loop-product__title), .td-theme-wrap .td_block_template_2 .td-block-title > *, .td-theme-wrap .td_block_template_3 .td-block-title > *, .td-theme-wrap .td_block_template_4 .td-block-title > *, .td-theme-wrap .td_block_template_5 .td-block-title > *, .td-theme-wrap .td_block_template_6 .td-block-title > *, .td-theme-wrap .td_block_template_6 .td-block-title::before, .td-theme-wrap .td_block_template_7 .td-block-title > *, .td-theme-wrap .td_block_template_8 .td-block-title > *, .td-theme-wrap .td_block_template_9 .td-block-title > *, .td-theme-wrap .td_block_template_10 .td-block-title > *, .td-theme-wrap .td_block_template_11 .td-block-title > *, .td-theme-wrap .td_block_template_12 .td-block-title > *, .td-theme-wrap .td_block_template_13 .td-block-title > span, .td-theme-wrap .td_block_template_13 .td-block-title > a, .td-theme-wrap .td_block_template_14 .td-block-title > *, .td-theme-wrap .td_block_template_14 .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option, .td-theme-wrap .td_block_template_14 .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option i, .td-theme-wrap .td_block_template_14 .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option:hover, .td-theme-wrap .td_block_template_14 .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option:hover i, .td-theme-wrap .td_block_template_15 .td-block-title > *, .td-theme-wrap .td_block_template_15 .td-block-title-wrap .td-wrapper-pulldown-filter, .td-theme-wrap .td_block_template_15 .td-block-title-wrap .td-wrapper-pulldown-filter i, .td-theme-wrap .td_block_template_16 .td-block-title > *, .td-theme-wrap .td_block_template_17 .td-block-title > * {
color: #523F6D!important;
}
/* widget title color end */
/* widget title underline color start */
body .block-title {
border-color: #523F6D;
}
/* widget title underline stop */
/* trending area border color start */
.td-trending-style2 {
border-color: inherit;
}
/* trending area end */
/*latest answer category*/ .td-subcat-filter .td-subcat-list a{color:black!important;}
/* block navigation arrow color */ .td-next-prev-wrap a {color:black!important;}
.entry-crumbs a {
color: black;
}
.entry-crumbs {
color: black;
}
/* Keeps main menu logo from screwing up in tablet view */
@media (max-width: 1018px) and (min-width: 768px) {
.td-header-style-6 .td-container {
width: 100%;
}
.sf-menu>li>a {
padding: 0 8px;
}}
Hi,
Sorry yes I am using header style 7.
None of that helped, I need to able to make the menu bar taller than it is, my logo is small and squished.
Simon
Hey,
I am using post template 6 and would like to turn off the parallax effect at the top header image? Is there an option?
Thanks
Tom
Hi,
What exactly is this menu 7? Maybe you are referring to the header style 7
– https://forum.tagdiv.com/header-styles/
You could use this for guidance
– https://forum.tagdiv.com/logo-favicon/
Be sure to use the full size when setting the logo
– https://www.screencast.com/t/wnyzC6u0u
– https://www.screencast.com/t/ZMTmgFfh
If I misunderstand please correct me and also provide some more details.
Thanks
Now it should work, add this as well
@media (max-width: 767px){
.td-header-sp-top-menu, .td-header-top-menu-full {
width: 100%;
text-align:center;
}}
Note that there is also a login in the mobile menu, so now you will have one in the top menu and one in the menu modal.
Ah, the .current-menu-item CAN be followed by an item reference and this move out the “active” selector… Perfect.
By the way, doesn’t again if a remove the instructions:
.tdm-menu-active-style5 .tdm-header .td-header-menu-wrap .sf-menu>.current-menu-item>a {
background-color: inherit;
color: inherit;
}
Is this the way it should be done or is there a better way of “nulling” the default current-menu-item behaviour?
Thank you, Simion!
Hi,
For me most images do not display on desktop in the homepage
– https://www.screencast.com/t/rulnbsbACJ
This most likely happens due to a js conflict present in the website. The quick fix for the images is to deactivate the theme lazyload which is the first to break in such cases
– https://www.screencast.com/t/dV4Lk9br
The recommended way is to try and identify what is the cause, as this may affect other theme elements. I see the header search does not work as well.
Temporarily deactivate all plugins except theme plugins, remove custom code if you have any entered in the theme panel or theme files. These would be the first steps to try.
Thanks
Glad it worked. If you would have mentioned you wanted the login as well, it would have been helpful. To display the login as well it would be like this
– https://www.screencast.com/t/EX7D1QEU
@media (max-width: 767px){
.td-header-sp-top-menu,
.td-header-top-menu-full,
.top-header-menu.td_ul_login {
display: inline-block!important;
}
.td-social-icon-wrap,
.td_data_time,
.menu-top-container li:not(.wpmenucartli){
display:none;
}}
Delete the previous one and enter this one, it should work.
Hi,
@lovelifelaurie@gmail.com Those would be the header and footer logos. For the header logo check in the header section
– https://www.screencast.com/t/F36Phnmg
For the footer logo check in the footer section
– https://www.screencast.com/t/6ZMNB7Re
Those would be the settings you are looking for.
Thanks
Hi,
It should work like that, right click and inspect the menu item in question, in this case the icon
– https://www.screencast.com/t/bwy0jli6g8
If those are the only icons in the header menu, you could also restrict the code to apply only in the menu
– https://www.screencast.com/t/EPQve1fLnk5
.td-header-main-menu .fa {
color: yellow;
}
.td-header-main-menu .fa:hover {
color: red;
}
There might be other solutions as well.
There is a general code you can try
@media (max-width: 767px){
.td-header-sp-top-menu,
.td-header-top-menu-full {
display: block!important;
text-align:center;
}
.td-social-icon-wrap{
display:none;
}}
In this form it will make the whole top menu visible on phones, the socials will remain hidden. If you want to make only the language switcher visible it will require modifications.
Hi,
That seems to happen on the tablet portrait viewport, so you could try something like this
– https://www.screencast.com/t/s36OI0NXmsb
Give it a try
@media (max-width: 1018px) and (min-width: 768px) {
.td-header-style-6 .td-container {
width: 100%;
}
.sf-menu>li>a {
padding: 0 8px;
}}
Thanks
I see you decided to place it in the top menu, with the multi-purpose style.
So on mobile you want to replace the logo with the tagline. You could try something like this maybe
– https://www.screencast.com/t/lPiiLl6ty
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
text-align:center;
}
.td-social-icon-wrap,
.td-mobile-logo img{
display:none;
}
div.td-header-sp-info {
margin-left:0;
position:absolute;
left:0;
top:10px;
}}
Hi,
I believe it is required by Adsense that you place a verification code in the theme header between the head tags, but that is not an ad code. It will not appear anywhere. So if you use only a sidebar ad, that would be the only one to display.
What exactly is happening on your website?
Thanks
Hi,
I’ve searched and tried almost every suggestion related in this forum but to no avail.
I need that the menus of my current site behave like the menus of my previous theme site. Every category menu must have a color associated: hovering and activate/select them must show that background colour.
I achieved the hovering part with this kind of code for every menu:
.menu-item-131 > a:hover {
background-color: brown;
color: white;
}
.menu-item-132 > a:hover {
background-color: yellow;
color: black;
}
But it’s impossible obtain the same for the active/selected effect with a similar code like:
.menu-item-131 > a:active {
background-color: brown;
color: white;
}
I UNDERSTAND THE PROBLEM IS THAT NEWSPAPER MANAGE THE ACTIVE/SELECTED STATE THROUGH A current-menu-item CLASS. After a lot of effort, at least I managed to get NO active/selected color through this code:
.tdm-menu-active-style5 .tdm-header .td-header-menu-wrap .sf-menu>.current-menu-item>a {
background-color: inherit [it’s the same with initial];
color: inherit [it’s the same with initial];
}
BUT now I can’t find a way of showing ANY color in the active/selected state.
You can see how it’s working on: http://migueldimase.com/
Thanks
Try this modified one instead – https://www.screencast.com/t/RqZOmNBwSx
@media (max-width: 767px){
.td-header-sp-top-menu,
.td-header-top-menu-full {
display: block!important;
text-align:center;
}
.td-social-icon-wrap,
.td_data_time,
.td_ul_login,
.top-header-menu li:not(.wpmenucartli){
display:none;
}}
Hi there
I have the same question as Adamhen86. I want a main menu that dynamically updates with post headings but that doesn’t show any images. The link provided by Bogdan B details how to create a normal wp menu which will not dynamically update as posts are added.
So the question is how can I remove the images (completely) from the main menu? I am using the td-header-demo-menu within Newsmag.
Thanks.
I feel like i’m insane. I’m using newspaper – the “News Cafe” theme. I’m trying to replace the Header photo and can’t find where to edit it? Also same for the footer. Where??? I’m a smart girl. Why can’t I find it. I’ve been searching and reading everything on here. It seems so basic. Can you help me?
Hello,
I would like to use AMP plugin on my page, but while testing it I have found following problems which I am not able to fix:
1) There is no Menu (site navigation) button in the header in AMP version of article. How can I add Menu (site navigation) to the header in amp?
2) The logo in AMP is very bad quality. How to fix this, that the right size of logo is used in AMP?
