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.

Nebula - change color

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

Hi

I'm hoping someone could help me solve this little issue:

I attached a printscreen of a frontpage, made in Nebula. There are 3 items in the 'slide' position and my client would like to change the background of it, to make it stand out more.

How can I change this?

Thank you!
Stefanie
Attachments:
  • L&s bvba's Avatar
  • L&s bvba
  • LIfetime Developer - Big Bamboo
  • 197 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Stefanie

Can you clarify exactly what you want to stand out more?
Background wise - box shadow, background colour etc

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

I think a background color change will do just fine.

Stefanie
  • L&s bvba's Avatar
  • L&s bvba
  • LIfetime Developer - Big Bamboo
  • 197 posts
  • Karma: 0
The administrator has disabled public write access.
So you are looking to change the gradient and filter by adding those bits of css with your own gradient values

#sliderwrap ul.nav-tabs {
border: none;
margin-top: 0px;
margin-bottom: 30px !important;
padding: 12px 20px !important;
width: auto;
background: #fafafa;
background-color: #fcfcfc;
background-image: -moz-linear-gradient(top,#fafafa,#fff);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#fff));
background-image: -webkit-linear-gradient(top,#fafafa,#fff);
background-image: -o-linear-gradient(top,#fafafa,#fff);
background-image: linear-gradient(to bottom,#fafafa,#fff);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffffffff', GradientType=0);
border-top: 1px solid #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-bottom: 2px solid #eaeaea;
text-transform: uppercase;
font-size: 90%;
}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
-moz etc are browser prefixs so target those browser types

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

Taking a second look at the homepage, a background color change will make the website look totally different.
Can I just change the text color? For example in the darker green I used as a rollover text color in my sidebars.
Greetings
Stefanie
  • L&s bvba's Avatar
  • L&s bvba
  • LIfetime Developer - Big Bamboo
  • 197 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Stefanie,

Do you mean where the tab names are listed or the tabs content?

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

Just where the 4 subjects are listed in the slide-position. After a review my client thinks it's not very clear right now.
Greetings
Stefanie
  • L&s bvba's Avatar
  • L&s bvba
  • LIfetime Developer - Big Bamboo
  • 197 posts
  • Karma: 0
The administrator has disabled public write access.
Do you have a link for the site?

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

It's on a temporary server: vanisraelbe.webhosting.be. comments on the site are always welcome :-)
  • L&s bvba's Avatar
  • L&s bvba
  • LIfetime Developer - Big Bamboo
  • 197 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Stefanie,

#sliderwrap ul.nav-tabs li a {color: #9cce5b !important;}
#sliderwrap ul.nav-tabs li a.current {color: #9cce5b !important;}
#sliderwrap ul.nav-tabs li a:hover {color: #017239 !important;}

These are the styles at the moment

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
you're the best!
  • L&s bvba's Avatar
  • L&s bvba
  • LIfetime Developer - Big Bamboo
  • 197 posts
  • Karma: 0
The administrator has disabled public write access.
Thanks

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