Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Adding an image behind the header

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hi...i need to add an image behind the header, but whatever i try it just wont work.

I may need to also remove the logo div completely. Thanks for any help.

this is the area i am talking about:
ScreenShot2015-06-02at1.38.39PM.png


on this site:
playacarfase1.com/en/
  • Riceman's Avatar
  • Riceman
  • 3 Month Basic
  • 131 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

A background image/graphic?
e.g. no functionality just a background image added via css

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thats correct - but i do want it to be centered and resize responsively.

All things i could do if i new the correct css tag.
  • Riceman's Avatar
  • Riceman
  • 3 Month Basic
  • 131 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

#logowrap.no-top would be the div to target but I'm not sure what you mean by remove the logo div completely

Just to clarify - with it being a background image its not clickable and the image doesn't behave like a html img

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
well, I am trying this for now with no success...i dont see any changes:

#logowrap.no-top {background-color:#ccc; background-image: none; }

ill add the image in once i know i am targeting the right div.
  • Riceman's Avatar
  • Riceman
  • 3 Month Basic
  • 131 posts
  • Karma: 0
The administrator has disabled public write access.
what is odd is that if i use this in custom.css

#logo {display: none;}

then the logo disappears - great, this is what we will want. But if i use this:

#logowrap.no-top {
background-color:#ccc;
background-image: none;
padding-top: 0px !important;
border-top:none !important;
}

there is NO effect/change. Whats going on?
  • Riceman's Avatar
  • Riceman
  • 3 Month Basic
  • 131 posts
  • Karma: 0
The administrator has disabled public write access.
Hi there,

You have a coding syntax error in the css


.jsn_profile div.profile.jsn_profile_fields fieldset#jsn_default dl.dl-horizontal dt {float:left; margin:0px 10px 0 0; font-weight: bold ;line-height: 25px; }

#ccc;
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
a stray #ccc; to be exact :)

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Aaahhhh! I feel dumb right now! Thanks for catching that for me!
  • Riceman's Avatar
  • Riceman
  • 3 Month Basic
  • 131 posts
  • Karma: 0
The administrator has disabled public write access.
No probs

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers