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.

Customize Button Colour

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

Have a couple of buttons that would look way better if they were appropriately coloured

{zen-btn}12 month Platinum{/zen-btn}
{zen-btn}12 month Gold{/zen-btn}

The default site colour just doesn't fit.

What's the best way of achieving this?
Thanks
  • Andrew's Avatar
  • Andrew
  • 12 Month basic
  • 509 posts
  • 20 Thanks
  • Karma: 10
The administrator has disabled public write access.
Hi Andrew,

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.
DOH!!
www.cultivate.org.au/new/av-weather
  • Andrew's Avatar
  • Andrew
  • 12 Month basic
  • 509 posts
  • 20 Thanks
  • Karma: 10
The administrator has disabled public write access.
Hi Andrew,

To override this you need a class infront of the .btn

At the moment there isn't a class to use that is unique to this content so I've used the unique item page class

.itemid-644 a.btn {background: blue;}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I would add a class instead to the html so we don't have have to use .itemid-644
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
You do also have an error in your css

.moduletable.border {
padding: 20px;
border: 1px solid rgba(rgb(177,45,32, 0.1);
margin-bottom: 60px;
}

specifically border: 1px solid rgba(rgb(177,45,32, 0.1);
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
This is stopping css working below this line

e.g. the css I suggested for the button didn't work until I moved it to the top of the css file above the line in question

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thanks Paul
Will see how I go with that ... off for the day with "meetings"
I'll be back
  • Andrew's Avatar
  • Andrew
  • 12 Month basic
  • 509 posts
  • 20 Thanks
  • Karma: 10
The administrator has disabled public write access.
Best of luck with meetings

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