- 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,
When you override settings and they do not apply, you need to add !important in your code.
The fonts are already overwritten once when you switch to the mobile version.
.td-post-template-1 .td-post-header .entry-title {
font-size: 16px!important;
line-height: 22px!important;
}
Thanks.
Hello,
CSS is very specific and a code you find in our forums will not work anymore if modification to css were already applied. In your case, this code should fix things up.
@media (max-width: 767px){
.td-header-top-menu-full{
display: table!important;
background-color:#222!important;}
.td-header-sp-top-widget{
display: none!important;}
.td-header-sp-top-menu{
float: none!important;
display: table !important;}
.td_data_time{
display:none!important;}
.td-header-style-8 .td-header-top-menu{
padding:2px 0!important;}
.top-header-menu li{
margin-left:-280px}
.td-header-top-menu a{
color:white!important;}
.td-header-top-menu{
background-color:#222!important;
}}
result: http://screencast.com/t/NYJKcOIFW1
Thanks.
hi
the default style on letters is Paragraph, how can i change it to Header 6?? I dont want to do it manually on every post.
thanks
Is there a shortcode to be put in custom CSS to lower the header, adding a transparent gap above it?
I’d like to use ads in background. Is it possible to make the background to link to a page?
Hello and thanks,
This my configuration :
https://www.dropbox.com/s/hmmqo701kabjgs7/2015-10-08_11h02_09.png?dl=0
https://www.dropbox.com/s/lq6bv4g08ehplvl/2015-10-08_11h03_18.png?dl=0
But in comment box i have well the count :
https://www.dropbox.com/s/eesn1vzri94rfxa/2015-10-08_11h03_48.png?dl=0
But not in the article header :
https://www.dropbox.com/s/kjr1c3szepqxcxd/2015-10-08_11h04_04.png?dl=0
How do you do “a couple of “sync” operations and letting that “catch up”” ?
Thanks !
Hello,
I tried changing this CSS from the original CSS:
.td-post-template-1 .td-post-header .entry-title {
font-size: 20px;
line-height: 30px;
}
to this:
.td-post-template-1 .td-post-header .entry-title {
font-size: 16px;
line-height: 22px;
}
and pasted into Advanced CSS field for PHONES 0 – 767px, but the change is not taking effect.
Am I doing something wrong?
Thanks for the great support.
hi, i did look in to the forum and try out all the code about showing the login on mobile device, but still cant get it to work, i do understand the code have to put in under theme panel> custum CSS and the code is
@media (max-width: 767px){
.td-header-top-menu {
display: block!important;
}
}
@media (max-width: 767px){
.td-header-sp-top-menu{
left: 15px!important;}
}
@media (max-width: 767px){
.td-header-sp-top-menu .td_data_time{
display: none;
}
}
but it still didn’t work, the website address i am working on is http://www.scooptw.acsite.org/
can you plz help me out
thank you
Hi,
You can add a background image to a row and stretch it – http://screencast.com/t/eXbpEs4O then you can play with the design option – css box – http://screencast.com/t/47x0TU2Yb and also for the bellow row(in demo block 5 row) – http://screencast.com/t/fleFsRa7f add negative top margin for example.
On our demo we use some extra classes to those row and we have added css code in style.css. So you could use the demo classes if you want:
*for background row td-travel-header – http://screencast.com/t/fUvEoIMwjXY
*for block row td-travel-features – http://screencast.com/t/oDcj0EY0
You can find the css in style.css file just search after those classes – http://screencast.com/t/t6ln5rgUpxx8 – http://screencast.com/t/eJN8kUOQVu
Hope this helps!
-
This reply was modified 10 years by
Alin [tagDiv].
Hi
The theme doesn’t have an option to display different types of ads on the site, for example the header ad will be displayed from the same spot on all pages and posts. If you want a different ad for homepage you need to add a condition in ads.php file like here: http://screencast.com/t/BqOhbFzqqpGS and insert the shortcode corresponding with the ad spotthat you want to use. To get the shortcode add an ad box into a blank page then switch in backend editor copy and paste this code: http://screencast.com/t/Kcqsjk9C7xbU inside do_shortcode function
For the ads from page content you can use the ad box block and use the corresponding spot for your ad: http://screencast.com/t/YlkV5d5yke
Let me know how it goes.
Thanks!
Hello Thierry,
In order to place a title above the photo, you need to create a spanclass image-header element and h2 element inside the divcontaining the image like so:
http://screencast.com/t/9bU4XkbfTp
Then use this custom css. I added the whole bunch in here so replace what you have in the theme panel with this one
Here is the whole bunch:
.full-image{position:relative!important;}
@media(min-width: 1141px) {
.td-page-wrap .full-image {
left: -37%;
position: relative;
transform: translateX (20%);}
.full-image img {
max-width: none !important;}}
@media(min-width: 1141px) {
.td-post-content .full-image {
left: -20%;
position: relative;
transform: translateX (30%);}
.full-image img {
max-width: none !important;}}
.image-header h2{
color:white;
position: absolute;
bottom: 80px;
left: 200px;}
You can edit the title position here at the bottom of the code. There are 2 parameters: left and bottom. Change these values to re-position your title.
result: http://screencast.com/t/J391Xx48aPH
Thanks
Hi,
Please make sure you use the image link:
<div class="td-visible-desktop">
<a href="http://www.lengcom.es/social-media/" target="_blank"><img src="http://i.imgur.com/5p9l93b.jpg" alt="" /></a>
</div>;
<div class="td-visible-tablet-portrait">
<a href="http://www.lengcom.es/social-media/" target="_blank"><img src="http://i.imgur.com/5p9l93b.jpg" alt="" /></a>
</div>;
<div class="td-visible-phone">
<a href="http://www.lengcom.es/social-media/" target="_blank"><img src="http://i.imgur.com/5p9l93b.jpg" alt="" /></a>
</div>
But please add a specific image size for each device, please check documentation – https://forum.tagdiv.com/header-ad/
Thanks!
-
This reply was modified 10 years by
Alin [tagDiv].
Hi there !
I just finished creating my own icons for my navigation menu.
So here’s my question : how can I add them to my header menu ?
I know I have to create a css class for each icons, but I don’t know neither how to do it, nor where to put the code.
For info, I’m using the header style 9.
Thanks a lot ! 🙂
It seems work’s wrong. It change background in header. I need to change only in body (text and sidebar fields)
http://i11.pixs.ru/storage/5/4/1/2015100720_6035382_19058541.jpg
Hi,
I use bbpress and buddypress on my site. I need change this link settings:

Scenario 1: user (all types) clicking this link and then redirect to user profile, not author profile.
And second how add dropdown (if user logged in) for add links (profile, messages, settings, logout)?
Ah! I figured it was an ad unit, but I checked out the header ad and not the ad for the new post template. Thanks.
It’s fixed now… although the ad hasn’t shown up yet. But I’m guessing it will soon.
I am trying to add the header from this theme to other non-wordpress pages on my site.
I have got everything to output ok apart from one thing – the mega-menus aren’t displaying in the top menu, nor the downward arrow to indicate the menu item is a mega-menu.
Any ideas what I’ve forgotten to add into the page to make this work?
Hi Andrei,
Yesterday I’ve updated Newsmag theme 2.2.1 and it still remains.
About the header.php, there is no extra line. I didn’t change anything.
I’ve tried to deactivate the plugins too.
Thanks
Hi
Have you made any modification in header.php, please check the file and see if if you can find that line: http://screencast.com/t/CWTS00OT .
Let me know how it goes!
Thanks!
Ran the update script, updates plugins, and am having all sorts of problems.
1. wp booster error:
Please update your [tagDiv social counter] Plugin!
2. Update script didn’t end up giving me the same header & footer (header is blank, footer is different colour with extra stuff displayed)
3. new them using different images sizes
!!??!!
Can I pay you to fix my website?
Cheers
Rick
For smart list 6, what would I remove in includes>smart_lists>td_smart_list6.php so that the list item number doesnt show in the top left corner?
Alternatively I can use smart list 7 and remove the header pagination Next and Previous if it’s easier and it looks as if it will accomplish the same thing.
Thanks!!!
Hello. How to make authors in header, like on this theme? http://themeforest.net/item/elitenews-magazine-wordpress-theme/full_screen_preview/10807799
Hi
To display the top bar near the top menu you will need lots of customization and unfortunately we cannot offer custom work at this moment. But you can use this custom css in theme panel custom css to display it above main menu like here: http://screencast.com/t/sQzkXkI86T
@media (max-width: 767px){
.td-top-menu-full {
display: block!important;
height: 80px!important;
}
.td_data_time {
float: none!important;
margin-left: auto!important;
margin-right: auto!important;
display: table!important;
}
.td-top-menu-full .td-header-sp-top-menu a{
margin: 0px 0px 0px 2px!important;
}
.td-header-main-menu.td-affix{
top: 70px;
}
Thanks!
Starting from Android Lollipop a webpage can change the color of status bar with a simple metatag as described here
http://stackoverflow.com/questions/26960703/how-to-change-the-color-of-header-bar-and-address-bar-in-newest-android-chrome-v
Would be useful if, in a future version, we can obtain a similar effect using the category color as the source for the status bar color.
Thanks
Thanks. Worked great, i’ve put the code in the following file:
parts/header/header-style-6.php