CiviCRM Community Forums (archive)

*

News:

Have a question about CiviCRM?
Get it answered quickly at the new
CiviCRM Stack Exchange Q+A site
This forum was archived on 25 November 2017. Learn more.
How to get involved.
What to do if you think you've found a bug.



  • CiviCRM Community Forums (archive) »
  • Old sections (read-only, deprecated) »
  • Support »
  • Installing CiviCRM »
  • WordPress Installations (Moderators: Kurund Jalmi, Coleman Watts) »
  • Buttons, and lists, and other CSS, oh my!
Pages: [1]

Author Topic: Buttons, and lists, and other CSS, oh my!  (Read 1074 times)

pcoutas

  • I’m new here
  • *
  • Posts: 27
  • Karma: 0
  • CiviCRM version: 4.4.5
  • CMS version: WordPress 3.9.1
  • MySQL version: 5.5.32
Buttons, and lists, and other CSS, oh my!
January 20, 2014, 11:54:12 pm
When displaying CiviCRM forms through shortcodes on the front-end, many of the theme's styles are overwritten. For example, the "contribute" button at the end of the membership form takes on a style of its own, not of the theme.

How can I tweak it so that CiviCRM forms etc. use the theme's style rather than its own?

Rajesh

  • I post occasionally
  • **
  • Posts: 78
  • Karma: 10
  • CiviCRM version: 4.2.x, 4.3.x, 4.4.x
  • CMS version: Drupal 7.xx, Wordpress 3.5.x - 3.6.x, Joomla 3.1
  • MySQL version: 5.5.20
  • PHP version: 5.3.10
Re: Buttons, and lists, and other CSS, oh my!
January 21, 2014, 01:58:59 am
You can modify the look and feel of CiviCRM by adding your own stylesheet. Settings are in Administer >> System Settings >> Resource URLS (http://drupal.demo.civicrm.org/civicrm/admin/setting/url?reset=1)

You can use your css file to override some of the styles in civicrm.css. Or if you need to make drastic changes, you can choose to disable civicrm.css completely.

pcoutas

  • I’m new here
  • *
  • Posts: 27
  • Karma: 0
  • CiviCRM version: 4.4.5
  • CMS version: WordPress 3.9.1
  • MySQL version: 5.5.32
Re: Buttons, and lists, and other CSS, oh my!
January 21, 2014, 04:01:25 am
Thanks for that! The problem is knowing where to look to make changes/flick switches!

I put the URL in for the CSS used by my WordPress theme. Some things changes, but some things have stayed the same, particularly the "Contribute" button on membership forms. I tried disabling the CiviCRM stylesheet completely, but all that did was muck up the back-end :)

The tweak I need to make must be around somewhere! I'd much rather the button said "Join" or "Submit" etc. something rather than "Contribute" (we're not asking for pledges/donations etc. at any time and so "Contribute" doesn't really make sense")

Rajesh

  • I post occasionally
  • **
  • Posts: 78
  • Karma: 10
  • CiviCRM version: 4.2.x, 4.3.x, 4.4.x
  • CMS version: Drupal 7.xx, Wordpress 3.5.x - 3.6.x, Joomla 3.1
  • MySQL version: 5.5.20
  • PHP version: 5.3.10
Re: Buttons, and lists, and other CSS, oh my!
January 21, 2014, 05:57:36 am
Quote
The tweak I need to make must be around somewhere! I'd much rather the button said "Join" or "Submit" etc. something rather than "Contribute" (we're not asking for pledges/donations etc. at any time and so "Contribute" doesn't really make sense")

Have done the same using jQuery in Custom Templates (.extra.tpl) to change 'Continue' to 'Submit'. I have converted into a small CiviCRM extension https://github.com/rajeshrhino/uk.co.nfpservices.contributionpagescustomisation . Installing the extension will change the button text in Online Contribution Pages from 'Continue' to 'Submit'.

Hope this helps.

pcoutas

  • I’m new here
  • *
  • Posts: 27
  • Karma: 0
  • CiviCRM version: 4.4.5
  • CMS version: WordPress 3.9.1
  • MySQL version: 5.5.32
Re: Buttons, and lists, and other CSS, oh my!
January 21, 2014, 06:58:53 am
Oh, wow, Rajesh! Thank you so much. Extensions... you've opened a whole new world to me :)

Coleman Watts

  • Administrator
  • I’m (like) Lobo ;)
  • *****
  • Posts: 2346
  • Karma: 183
  • CiviCRM version: The Bleeding Edge
  • CMS version: Various
Re: Buttons, and lists, and other CSS, oh my!
January 21, 2014, 08:36:37 am
We hope to make this much better in 4.5. See http://issues.civicrm.org/jira/browse/CRM-14104
Want to get involved and help out? Patches and Pull-Requests are very welcome! Let me know and I'll get you started.
Try asking your question on the new CiviCRM help site.
Pages: [1]
  • CiviCRM Community Forums (archive) »
  • Old sections (read-only, deprecated) »
  • Support »
  • Installing CiviCRM »
  • WordPress Installations (Moderators: Kurund Jalmi, Coleman Watts) »
  • Buttons, and lists, and other CSS, oh my!

This forum was archived on 2017-11-26.