Hot answers tagged

14 votes
Accepted

Can I use a custom style sheet (CSS) for user modifications?

Usually I add a section to the theme's CSS rather than editing any core files in CiviCRM. Note that there is also a "Custom CSS URL" that you can add, and you can also disable the core CiviCRM CSS if ...
6 votes
Accepted

Can you customize a contribution page?

We have some examples of how to customize Contribution forms in our iATS Payments extension. Essentially the recipe involves: buildForm hooks, custom templates and JavaScript. I'll try and explain ...
6 votes
Accepted

Changing the CiviCRM Theme in Drupal

you need to enable the civicrm theme module, that allows you to to set specific themes for backend and frontend pages. You don't need to download it, it's already there, you just need to enable it. ...
  • 10.1k
6 votes
Accepted

CiviCRM menu bar corrupted after installing Shoreditch

There has been some work going on to support shoreditch for CiviCRM 5.13. The temporary solution(until a new release is available) is to make the Menu colour to white by navigating to CiviCRM >> ...
5 votes

Considerations when choosing a theme for Drupal 7 + CiviCRM?

One consideration is to use different themes for the front office and the back office. The front office are the profile pages used to gather information from the constituents (or maybe you are using ...
5 votes

What Civicrm Theme(s) are better than Garland?

I've always used Adminimal. I think it makes the Drupal backend as a whole much easier to use, and it's always worked well for me with the Civi backend too.
  • 191
5 votes

What Civicrm Theme(s) are better than Garland?

Bright and clean: I use Seven (ships with Drupal 7 Core - so well supported) as CiviCRM Administration theme - for nearly all of our projects. Easy to subtheme as well - making it a MySeven - if/when ...
4 votes
Accepted

Theming Civi Vs Drupal

In Drupal 7 at /admin/appearance you can specify what Drupal theme to use for front-facing civicrm pages, and separately which one to use for back-end civicrm interface. Hope that helps. Not sure I ...
  • 27.3k
4 votes

How can I set up the default CiviCRM error page/message inside the site template?

you can override (not recommended): templates/CRM/common/fatal.tpl or set your custom error template here: http://d46.demo.civicrm.org/civicrm/admin/setting/debug?reset=1 You can also specify a ...
  • 3,803
4 votes
Accepted

Best WordPress theme framework for correct display of CiviCRM?

Watch out for themes or plugins that use Backbone.JS calls. They seem to be causing some issues right now. One such theme is Salient. The JetPack plugin also seems to be suffering from the same ...
3 votes
Accepted

Themekey Rule to Present Theme on CiviEvent Page

Use Themekey CiviCRM from Fuzion Github, it can select themes by contribution page ID or type, and event page ID or type.
3 votes

Best WordPress theme framework for correct display of CiviCRM?

From my personal experience Genesis, X-Theme and Divi work just fine, no functionality/styling issues so far.
  • 2,301
3 votes

Dequeue Backbone from theme load and load CiviCRM Backbone

Assuming the file you want to load is the one located in the CiviCRM plugin folder at 'civicrm/packages/backbone/backbone-min.js', then you'd use: wp_enqueue_script( 'your_backbone_handle', ...
3 votes

The contribution payment verification page has lost the site theme styling

Do you see &snippet=1 in your contribute page URL? That parameter can be used to deactivate the theme on a CiviCRM page. Eg - CiviCRM demo donate page as per normal & then without theme ...
3 votes

How can I set up the default CiviCRM error page/message inside the site template?

Another (simpler) option that comes from a slightly different angle -- set up a Page Redirect using Eileen's extension so the user doesn't see the error message at all. This extension redirects all ...
3 votes

Civi CRM Wordpress Theming

Try installing Shoreditch and see if you like it better. If you want to customise things further, you could fork Shoreditch and alter it to your liking.
3 votes

Better Theme for CiviCRM

Apart from Shoreditch there is also the Haystack theme which can be found here: https://github.com/mattwire/civicrm-haystacktheme. As @petednz suggested, try them both?
3 votes

How best to resolve Wordpress theme / CiviCRM conflicts

After inserting some debug code per recommendation at chat.civicrm.org, I discovered an even more focused repair is to just change a single line in civicrm_in_wordpress_set() within civicrm.php. ...
3 votes
Accepted

How best to resolve Wordpress theme / CiviCRM conflicts

Karl has already posted my solution to this issue, but for those who want to update their CiviCRM install with immediate effect, the patch can be found on the GitHub repo for the CiviCRM-WordPress ...
3 votes
Accepted

JPG files uploaded as notes can't be viewed

Eventually I found out what the problem is and it is caused by the child theme that I had created. Another problem elsewhere that had an extra blank line at the start of a news feed and Demerit's ...
  • 3,187
3 votes

Alternative CiviCRM theme

We have been using CiviCRM shoreditch theme for quite a long time until we switched to Kindly Theme by artfulrobot for some of our clients recently. Both are good in their own aspects. Around 2.4k ...
2 votes
Accepted

How can I set up the default CiviCRM error page/message inside the site template?

As of 4.7 there is no more 'Fatal Error Template' setting. See https://issues.civicrm.org/jira/browse/CRM-16478 You can instead use the standard approach to overriding template files as described ...
  • 1,912
2 votes
Accepted

What Civicrm Theme(s) are better than Garland?

Personally I often like https://www.drupal.org/project/liquid_coolness Simple, clean theme, that is still pleasing to see. Has liquid width, so if you have a big screen you can make use of it for ...
  • 3,534
2 votes

What Civicrm Theme(s) are better than Garland?

A couple of others not listed in other answers https://github.com/vingle/st.visuali.finsburypark/ and https://github.com/artfulrobot/aah
  • 27.3k
2 votes

What Civicrm Theme(s) are better than Garland?

There is also a CiviBartik theme that I use often: https://www.drupal.org/project/civi_bartik
2 votes

Dequeue Backbone from theme load and load CiviCRM Backbone

FWIW, if you want to extend an analogy from the jQuery.noConflict(), you might try patching js/noconflict.js. The theory is to load files in this order: Civi's version of each upstream library (...
  • 5,599
2 votes

Best WordPress theme framework for correct display of CiviCRM?

Avada, Divi, X theme, Genesis, Virtue and in general most well-developed WordPress themes work fine. I think BeTheme is OK too. The Slider Revolution plugin causes JS problems and can be disabled and ...
2 votes
Accepted

Contribution pages look strange on mobile

Render all CiviCRM public pages in a responsive CMS theme (eg a bootstrap one) and then add some css for the labels - I typically position the labels above the input boxes (on form) and above the ...
2 votes
Accepted

The theme that CiviCRM uses is the one!

I did not work on the site, but looking at the source code from View Source in the browser, it looks like the Bootstrap theme was the main theme, and then they created a subtheme called "...
2 votes
Accepted

Can you restrict Shoreditch from injecting CSS on Public pages with CiviCRM content?

This is a core issue (not specific to Shoreditch) and there is an issue with some discussion related to it here: https://lab.civicrm.org/dev/core/issues/378 To tag on to your specific point about ...

Only top scored, non community-wiki answers of a minimum length are eligible