Header Image

Posted in: Newspaper
Post count: 1

Hi!
Love the theme.

Quick question, is there any way to have an image in the header instead of a solid color?

Thanks!

Post count: 555

Put this in ur CSS BOX in the theme panel

.td-boxed-layout .td-logo-rec-wrap, .td-boxed-layout .td-affix .td-logo-rec-wrap, .td-full-logo {
background: url(‘background url here’) !important;
}

If this is not what you want then wait tomorrow for support from one of the theme members…

Post count: 8

This is not working for me,
I just added this into the box.

“.td-boxed-layout .td-logo-rec-wrap, .td-boxed-layout .td-affix .td-logo-rec-wrap, .td-full-logo {
background: url(‘http://www.whywheatgrass.com.my/rw_common/themes/why_wheatgrass_float/images/editable_images/blank4.jpg’) !important;
}”

Am I supposed to add something more in the custom CSS part of the theme panel?

Sorry for being a noob 😛

Post count: 555

It’s not working because you not add a background image link “Background.jpg”,upload what image you want too use and then copy the link in the space i tell you..what you have there is not a image link,don’t have a clue what link is that you add..

Post count: 8

The url cuts of
Here it is: http://www.whywheatgrass.com.my/rw_common/themes/why_wheatgrass_float/images/editable_images/blank4.jpg
And it is just as a good image as if I add it to media and link to it there.
Or maybe I’m not following you :/

Post count: 555

Where did you get the link from because it don’t look right..

After you upload the image to wordpress did you went and click on the image to get the link because i tested this css code and it work…

Post count: 8

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?

Post count: 555

Now that should work..if it don’t wait to tomorrow and the team support can help you more..

Post count: 8

Well it is not working :/
But thanks for the help anyways 😀

Post count: 555

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…

Post count: 12

@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.
Post count: 6600

Hi,


@Tryggvi
Please send you site’s URL so I can check this.

Thanks

Post count: 8

Site url is newspaper.kopar.is

Post count: 8

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.

Post count: 6600

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

Post count: 8

Thank you very much.
This has helped me alot.
Great work 😀

Viewing 16 posts - 1 through 16 (of 16 total)
The forum ‘Newspaper’ is closed to new topics and replies.