- NewspaperHeader Builder
- NewsmagHeader styles
- NewsmagHeader ads
- NewspaperHeader ads
- NewspaperHeader styles
- Apitd_api_header_style::delete
- Apitd_api_header_style::update_key
- Apitd_api_header_style::update
- Apitd_api_header_style::add
- ApiAPI – Header style – Introduction
- NewspaperSearch setup for custom post type
- NewspapertagDiv Composer – Website Manager
- NewspaperBookmark – Save For Later
- NewspaperWooCommerce: Happy âAdd to Favorites!â
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperPosts Loop Element
- NewspaperHow to Add a Logo in Newspaper
- NewspaperDefault Category Settings
- NewspaperWhen tagDiv Composer is Not Working
Hi,
Use this css to set the background image, the first one was broken and didn’t worked because of the url’s apostrophes (''): http://screencast.com/t/xt6D0UuiCk6e
Just change the image url with your own.
.td-full-layout .td-header-bg {
background: url('http://theblogboutique.com/wp-content/uploads/2011/02/Dark-blue-Header-000099.jpg') !important;
}
The layout you have sent me it’s possible to get using header style 1 and also use a logo with a transparent background, regarding the transparent menu this can be set via css, I don’t see though how can you set the background for the menu also because there is no container which include only the header and the menu, nevertheless you will need custom work for all this and unfortunately, we cannot offer custom work at this time as we work hard on the development, updates, fixes and support. You can always get a freelancer from sites like: http://studio.envato.com/ if you don’t know how to do it yourself.
Hope this helps!
Thanks
Hi,
Sorry for the delay! I have checked your site and didn’t found many weird placement, one issue that I have noticed was the blocks ext and prev arrows which you can fix using this css: http://screencast.com/t/0Uoo9AYNxYT
.td-ajax-next-page {
right: auto !important;
background-position: -20px -20px !important;
left: 15px !important;
}
.td_ajax-prev-page {
right: auto !important;
left: 0px !important;
}
Also found that you need this css to remove the margin from the left of the title: http://screencast.com/t/HlEjhvQL
.td_mod3 .item-details {
margin-left: 0px !important;
}
On post page I found this: http://screencast.com/t/W2ChSM5xl2G
.single ul.td-category, .single ul.td-category li, .single header time {
float: right !important;
margin-right: 0 !important;
}
.td-social-sharing {
top: 0px !important;
margin-bottom: 0px !important;
}
.prev-post a {
padding-right: 0px !important;
}
.author-box-wrap .desc {
margin-right: 127px !important;
margin-left: 0;
}
.author-box-wrap .avatar {
float: right!important;
}
Hope this helps!
Please let me know if you have other issues with this.
Thanks
Hello,
Thank You for designing a beautiful theme, I like it a lot. At first I thought I had a permalink issue and after talking to my server host we do not have that issue. I followed your direction on creating the home page and I always get a blank screen, and sometimes the blog shows up so I change the staid page to home and nothing. I keep getting 404 at the top of the page and below are some blog post. I have built many websites and this one is confusing
* Could you add the social share “Linkedin”
* Parallax and fullscreen in place of header as a option.
Please help with an answer to this issue. Thank You.
Randy
Hi,
To add back the menu arrow pointer and left align the search results images please use this css: http://screencast.com/t/RyPXjgPPOsYL
Please remove the one I previous gave you and add only the one bellow:
#td-top-search .td-sp {
background-image: url('http://0div.com:70/wp_009/wp-content/themes/009/images/header/elements-menu.png') !important;
}
.td-sp-ico-search{
width: 25px;
height: 25px;
background-position: -20px -544px;
}
#td-top-search {
position: relative !important;
top: 0px !important;
}
#search-button .td-sp-ico-search {
position: relative;
top: 0px !important;
}
.header-search-wrap #search-button {
height: 20px !important;
}
.td-header-menu-wrap .td-aj-search-results .td_mod_wrap {
text-align: left !important;
}
Regarding the other matters, they are possible to achieve via custom css, unfortunately that is how the search module used there was tooth and designed and if you don’t like you would need to hire a freelancer to do that for you if you don’t know how to do it as we cannot offer custom work at this time because we are working hard on development, updates, fixes and support. You can get a freelancer from sites like: http://studio.envato.com/
For the search icon(lens) you can do this to move it at the right of the menu-top section: http://screencast.com/t/yJwsFCJFgnb
Result: http://screencast.com/t/wngyZChm
Hope this helps!
Thanks!
I have now tried several diffrent things.
After I put the CSS code in place the background is not showing with the style of header I want to use.
It shows up when using style 3 ((full width logo) + menu) and style 6 (menu + (full width logo)) but not in style 1.
I was thinking if this look is possible.

The placement of the logo is not fixed.
@Lucian @Steven, the other way I found to remove the big slide slider from the homepage was to set the number of slides in the page editor to -1. With this, only the background image shows. Not sure if this creates any other problems (so far I haven’t encountered any).
@Lucian, thanks for the tip on adding text to the background image. I’ll try it out.
Sorry to bother you again:-)
Please have a look at the search now on the top-menu.
https://www.evernote.com/shard/s250/sh/c55d1869-26b9-4b05-9f2a-bc09111b243e/e6732ebdb6000806b51a15a8f301afbd
As you can see the results of the search are very confuses.
1.No need to include image as they are so small that they don’t have positive impact.
2. The title of the articles found should be aligned to the left to increase readability and last but not least
3. The lens icon should be position to the right. That is to say above the last column.
In the image provided you can also see that the little triangles at the right of each category are not anymore as i told you in my last email
Thanks
Is this possible? Does it make sense for you?
It worked for me too! thanks Lucian.
I still have a question.
As soon as I replaced the content of menu-header.php file with this: http://pastebin.com/Ca9nXZ6M I lost the icons of the little triangles pointing down that indicates that the category has sub categories (it is a mega menu). How can I get them back?
Thanks
Site url is newspaper.kopar.is
That code not working for me,it still giving the image background to my category and post that is on my pages..
Hi,
You can set the background color for the whole site in that case and then use this css to remove it from category pages or overwrite it: http://screencast.com/t/tSVbVaVSY
.category {
background-color: initial;
}
Thanks
My other question was more about background color for pages in the theme panel,when i set a background color in the theme panel it’s site wide,but i only want it for pages only,because i don’t want the same color for my “Categories” as the pages
Hi,
@steven
Remove the slider from the page-homepage-slider.php file, like this: http://screencast.com/t/AppcC724UL1O
I’m not sure I understand what your second matter would be, if you set the background for the “homepage bg” template from here: http://screencast.com/t/OHWTOTlqa this will add a background only for pages that use the template.
Thanks we will consider this!
Thanks
-
This reply was modified 11 years by
Lucian.
Hi,
@adhi
Go to page-homepage-slider.php file and add an title tag or other as you like: http://screencast.com/t/YUHHiaw5 then use css to style it: http://screencast.com/t/AocalfK6h
Thanks
-
This reply was modified 11 years by
Lucian.
@Lucian how can i make a background like this with out a slide..i was trying this tip but it giving me a slide on my image,i just want too add the image only any help to how to do that please.
I don’t want it like this

Also how i can make different background color on pages,because when i choose a background it go sitwide and that’s not what i want,i only want it for pages only..
Hi,
Make the change in menu-top.php file and use this css: http://screencast.com/t/Q9gT7KfdSY
.span9 .td-header-menu-wrap .menu-top-container {
float: right;
}
.span9 .top-header-menu {
margin: 0px 48px 0px 0px;
}
.span3 .top-header-menu {
float: left;
margin: 0 0 0 48px;
}
Thanks
-
This reply was modified 11 years by
Lucian.
Hello there,
What would be an easy way to put text on the full width image on the homepage (e.g. image of the horse on the homepage at http://www.biznesinteres.ru?
Thank you,
Abhi
@Tryggvi this code is working: https://forum.tagdiv.com/topic/header-1-background-image-and-search-icon/
Link to website: http://www.poloniairlandia.pl/
-
This reply was modified 11 years by
robert-r.
Follow this link https://forum.tagdiv.com/topic/header-1-background-image-and-search-icon/ may be there can give you more light on where you went wrong…
Well it is not working :/
But thanks for the help anyways đ
Now that should work..if it don’t wait to tomorrow and the team support can help you more..
I just got the link of google. I just googled an image that is 200*1000 pixles.
Now I have added the image to media and the code looks like this:
.td-boxed-layout .td-logo-rec-wrap, .td-boxed-layout .td-affix .td-logo-rec-wrap, .td-full-logo {
background: url(âhttp://newspaper.kopar.is/wp-content/uploads/2014/10/blank4.jpgâ) !important;
}
The page is http://newspaper.kopar.is/is/
Am I doing this right?