- NewsmagHeader styles
- NewsmagHeader ads
- NewsmagtagDiv Composer Tutorial
- NewsmagCategory templates
- NewsmagSmart list ads
- NewsmagWeather Widget
- NewsmagInstagram widget
- NewsmagPage Menu
- NewsmagMain menu
- NewsmagTop bar templates
- NewsmagLogin – how to enable the user registration
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagCategory grid styles
- NewsmagCategory top post styles
- NewsmagHow category settings work
- NewsmagTheme colors introduction
Hello Stevivor,
If you want to add a border below the top menu bar, please check the following code below and place it in Theme panel -> Custom CSS Area.
.td-header-top-menu{
border-bottom:3px solid #6bb0d6;
}
The result is here -> https://www.screencast.com/t/4j5NTVulyQbo
Thanks for your understanding!
Hello 🙂
I’m wondering if it’s possible to align the top header bar at the very top of the page to the centre?
Also how would I remove the text on the search results page “If you’re not happy with the results, please do another search” I tried to look in search.php and searchform.php but couldn’t find this text to remove.
Thank you!
Jaime
Thank you! That was super easy to implement! One follow up request, if I may!
Can you advise how to add a blue line in my header at the top of the white area (so between the main header and the top menu, mirroring the blue line that separates the header and the main menu)?
In Header Style No 10 (Full logo on top + center menu) my Logo with the size 744 x 162 pix will be reduced in size in the header area.
In the forum ist ist said: “The header styles will show the logo in the exact dimensions you upload it in. You can choose any image size.” But in my case this is not true. 🙁
The logo should be displayed in full size without any margin in the header area.
See here: http://eulenspiegel-blog.net/
What can I do about it?
Hello I’m trying to remove the margin or padding set on the logo in header style multipurpose 1
thanks
-matt
I understand how to change the main logo, but when I scroll down the page a bit and then start to scroll back up , the header shows back up with a NEWSMAG logo instead of the logo I want.
Hi,
Is it possible to change the design of the Related Articles header? Elsewhere on my site, I use the Block Header 8 option and would like it here as well, if possible.
Screenshot link: https://imgur.com/c5EO3Hd
Thanks!
I think the theme is a mistake
My English is not enough to tell
So I made a video
Can you tell me what I’m missing?
after watching the video
Please check the block settings for each block, there you can set colors for block title, border color for block header style 16 etc
– https://www.screencast.com/t/BHRHZsb7H8
Hi,
I use a header ad like this
<div class=”td-all-devices”> </div>
but nothing appears..
Is there a problem with my code ?
thks
I’m trying to use a .svg for the main logo in the header. I’ve installed various plugins to try this, all allow me to upload svgs into the media area, and place them on any post or page. However, when I go to the theme panel and select them for the logo image they aren’t visible.
Is there something I have to do to make them load into the logo area on the header.
Hi,
The main menu background can be changed in the theme panel, this will affect the whole website. An option to have different colors by category does not exist, unless custom code is used.
This is an example where I used a code to achieve different backgrounds, by category
– https://www.screencast.com/t/sqfbHe3jV
– https://www.screencast.com/t/5ELJAvc5p
Notice that that by using the category unique class in the code, the results are like you want. Each category page displays the category name and category ID on the body
– https://www.screencast.com/t/VS62hv9PJ
You can use either one in the code
– https://www.screencast.com/t/t1cXHbXgK
This is the code used in the example
.category-2367 .td-header-wrap .td-header-menu-wrap-full {
background-color: blue;
}
Create a different one for each category, then enter it in Theme panel->Custom CSS
– https://www.screencast.com/t/C6nCeuB5HF
This is also a useful tutorial about using the browser inspector to identify the elements on the page and created code for various customization
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Hi,
The header background color can be changed to your linking in the theme panel
– https://www.screencast.com/t/imbQN5KP
The craft demo uses header style 11, it has a logo image and a background
– https://www.screencast.com/t/w7hHOhNcmWwn
However a thing to note is that header style 9,10, and 11 do not have a limit for the logo image size. You can use any image you want
– https://forum.tagdiv.com/logo-favicon/
This demo would be an example of a full width big logo
– https://demo.tagdiv.com/newspaper_cars/
Regarding the footer section, there are many templates to choose from
– https://forum.tagdiv.com/footer-templates/
Some have predefined content, others are empty templates in which you can insert your desired widgets.
The demo used footer template 14, enter your own information in the theme panel and it will appear in the footer
– https://www.screencast.com/t/RPAcxC4qup
– https://www.screencast.com/t/ZstTQg601mr6
Or select a different page template of your choosing.
I believe you are referring to the excerpts displayed on modules (center aligned)
– https://www.screencast.com/t/RXiC4JzrN
Those could be justified with a code like this entered in Theme panel->Custom CSS
– https://www.screencast.com/t/wXUQ91O4RO
.td_module_18 .td-excerpt {
text-align: justify;
}
Rows can be split in columns in the row settings
– https://www.screencast.com/t/DNt18HtVh
You can use widget sidebars if you wish, there is an element for that
– https://www.screencast.com/t/YM3HYouq9x7D
Then you can display sidebars from your available ones.
Big grids and full big grids can only be placed on full rows, a bog grid cannot have a sidebar beside it. Use blocks and other elements for that. These are all the available grids and blocks
– https://demo.tagdiv.com/newspaper/big-grid-1/
– https://demo.tagdiv.com/newspaper/full-big-grid-1/
– https://demo.tagdiv.com/newspaper/block-1/
Thanks
Hello,
The header background works on all styles but you do not have a header ad to see it on the templates you mention. The background in header style 12 (the top one) is grabbed from the theme accent color.
Thank you!
Hi,
You could try a code like this to make the header transparent
– https://www.screencast.com/t/natmBKVX4C
This code will apply to the whole website, it could be made more precise if needed. It can be entered in Theme panel->Custom CSS
.td-header-wrap .td-header-menu-wrap-full,
.td-header-wrap .td-container-wrap{
background-color: transparent;
}
.td-header-gradient:before {
display: none;
}
Please let us know if this is not what you wanted, we will try a different solution.
Thanks
Is there a way to use the mobile header on all pages regardless of size? There doesn’t appear to be any settings that do this, but wondering if I can modify the code to accomplish this. Can you point me in the right direction to the files I’d need to modify?
I have since created a static home page so don’t need the preview post text question answered anymore but still need to know how to modify header and footer. Also my sidebar widgets went away (switched to a big grid for my home page) and was trying to recreate my sidebar again. Tried adding a column to right of big grid but didn’t see a tag cloud element I could add like I had on my homepage originally, so how do I do that as well?
Seems like changing header color in theme panel doesn’t work properly. On my website http://dev.mega-media.hr/, which I created all by myself(no demos installed), I can’t change header background color. When I change it in theme panel it only works on few header styles. On example if I choose header “style 9”, by default background is white(or transparent). If I change it to red in Theme colors tab it works. But if I do same process on some other styles it’s doesnt change. If I choose header “style 12”, by default background is blue and I can’t change it to any other color.
This is brilliant – many thanks!
Sorry for one more question – I’ve tried setting the mobile main menu background like this:
@media (max-width: 767px) {
.td-header-main-menu {
background-color: #fff !important;
}
}
but it’s being overriden with a !important in the theme code here:
@media (max-width: 767px)
style.css?ver=4.9.4:1593
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: #222 !important;
height: 54px !important;
}
Is it possible to override that override without hacking theme files? I’m using a child theme if that helps.
Thanks!
Hi,
can you tell me how i can make the email adress clickable when setup in header and footer via the multi-purpose general settings ?
The email adress is showing perfect in header and footer but is not clickable.
thx for helping me out.
Hi
There is plenty of social networks in the theme panel. That is great 🙂
I have website in two languages, how can I add my own link to social networks where I can set my own icon (flag) with link to secong language website?
Hi,
So maybe something like this – https://www.screencast.com/t/ULF2ZJ4vV5ce
This is the code for that, enter it in Theme panel->Custom CSS
@media (max-width: 767px) {
.td-header-style-11 .td-logo-wrap-full .td-logo {
line-height: 68px;
}
.td-header-style-11 .td-logo-wrap-full {
min-height: 68px;
border-bottom: none;
}}
You could chnage the menu background color to white and icons to black in the theme panel for a blending effect, if you want to
– https://www.screencast.com/t/gHFUyQNbopH
We could modify this code if needed, let us know.
Thanks
I installed the Craft Idea demos with just the settings. I’ve been tinkering with it to make edits the way I want my page to look but I’m stymied in a few places. The demo has that top main header background as a yellow color and I can’t find where to change it even after looking through theme colors which is where I thought it would be. I’d like to make it either red or perhaps try inserting an image there that could stretch across the entire background. Also in the footer section, I input my e-mail address in the field but there’s an About Me section above it which I can’t find how to change. (There was some about me text from the demo which I deleted since I already have an About Me page and not sure I want to have a tiny blurb down there about myself as well.) As for my recent blog posts that are being displayed, I’m curious if I can change the way the preview post text is formatted. Right now it’s center justified and I’m thinking about doing full justification but I can’t figure out how to change that as well. My homepage shows the latest posts so I’m not using a static page so I don’t have an actual specific home page.
I just got the Newspaper theme and am trying to get it set up properly. For the header text logo I’ve typed a word with an apostrophe (Panda’s) but there’s a \ inserted before it so it appears as Panda\’s. How do I fix that?
Dear Sir/ Madam,
Can you please help me to resolve the following error message arrived at the time of trying to remove the render block error resolution as per doc.
Hader information – headers already sent by (output started at /home1/irctchel/public_html/irctchelp/wp-includes/functions.php:1) in /home1/irctchel/public_html/irctchelp/wp-admin/includes/misc.php on
