• 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!

TOPIC: Change button colours

Change button colours 3 years 4 months ago #40807

  • tom792
  • tom792's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 4
Hello,

I have updated my form CSS to include the following:

<style type="text/css">
#Submit{
background:#29c0d2;
}
</style>

This has changed the colour of the submit button, is there a way that I can edit this code to enable all buttons to be the same colour. I would like the "Next >" and "< Prev" buttons to match?
The administrator has disabled public write access.

Change button colours 3 years 4 months ago #40809

  • dragos
  • dragos's Avatar
  • OFFLINE
  • Administrator
  • Posts: 559
  • Thank you received: 102
Hello,

Based on the form layout you've selected under your Form Properties area, you can further adjust these buttons through CSS. For example, assuming that you're using the Responsive layout, you can try something similar:
.formResponsive input[type="button"].rsform-button-next, .formResponsive button[type="button"].rsform-button-next {
	...your_Style_here...
}
 
.formResponsive input[type="button"].rsform-button-prev, .formResponsive button[type="button"].rsform-button-prev {
	...your_Style_here...
}
The administrator has disabled public write access.

This message has been removed by user's request. 3 years 2 months ago #41008

  • e1baa5e4b796521191eb58cb1555ca33@RSJOOMLA_DELETED
  • e1baa5e4b796521191eb58cb1555ca33@RSJOOMLA_DELETED's Avatar
This message has been removed by user's request.
The administrator has disabled public write access.

Change button colours 3 years 2 months ago #41009

  • dragos
  • dragos's Avatar
  • OFFLINE
  • Administrator
  • Posts: 559
  • Thank you received: 102
Hello,

You'll need to further adjust these styles for the :hover selector as well, for example:
.formResponsive button[type="button"].rsform-button-next:hover, .formResponsive input[type="button"].rsform-button-next:hover {
        ...your_Style_here...
}
 
.formResponsive input[type="button"].rsform-button-prev:hover, .formResponsive button[type="button"].rsform-button-prev:hover {
	...your_Style_here...
}
The administrator has disabled public write access.

This message has been removed by user's request. 3 years 2 months ago #41010

  • e1baa5e4b796521191eb58cb1555ca33@RSJOOMLA_DELETED
  • e1baa5e4b796521191eb58cb1555ca33@RSJOOMLA_DELETED's Avatar
This message has been removed by user's request.
The administrator has disabled public write access.
  • 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!