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.

Buttons styling

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

Hi Folks!

So i have a button my site with this code: <button type="button" onclick="window.open('/suggestions/request-a-date.html')">SUGGESTIONS</button>

But it shows an ugly html button instead of picking up the css, like ALL of the buttons in my Hikashop does. Is there something more I must do to get it to look like the css button?

Also, I use chronoforms and the submit buttons there look different too.

thanks.
  • nycps's Avatar
  • nycps
  • LIfetime Developer - Big Bamboo
  • 193 posts
  • 2 Thanks
  • Karma: 0
The administrator has disabled public write access.
Hi

Do you have a link?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
you can see the module on the right side: vpp.cloudaccess.net/info/contact.html

and also the send message button on the bottom of the page.
  • nycps's Avatar
  • nycps
  • LIfetime Developer - Big Bamboo
  • 193 posts
  • 2 Thanks
  • Karma: 0
The administrator has disabled public write access.
Hi

The sidebar button you need to use one of the button classes

bambootheme.com/showcase/jun14/template-features/style/typography

If you scroll down their different button styles
e.g. the first example

<button class="btn">I am a button</button>
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The other button is from the component and using bootstrap so will need to borrow styling from the template button you use and apply it to

.gbs3 input[type="submit"] {}

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: nycps
cool thanks!
  • nycps's Avatar
  • nycps
  • LIfetime Developer - Big Bamboo
  • 193 posts
  • 2 Thanks
  • Karma: 0
The administrator has disabled public write access.
No problem :)

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
one more thing paul - that documentation is missing this: class="btn"

not sure that i would have been able to figure that out if you had not put that in the post. For future reference where can I find those?
  • nycps's Avatar
  • nycps
  • LIfetime Developer - Big Bamboo
  • 193 posts
  • 2 Thanks
  • Karma: 0
The administrator has disabled public write access.
The easiest way would be to view the demo site and check out the typography page

That way all the buttons are in the various place

Its a page I refer to when answering questions about typography

I'm using the Web Developer tools to look at the classes - are you familiar with this toolset?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: nycps

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

Happy Campers