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.
...
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.
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 ...
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 ...
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 ...
Community wiki
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.
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
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 ...
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 ...
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
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 (...
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
Related Tags
theme × 48wordpress × 13
drupal × 8
civicontribute × 7
css × 6
shoreditch × 6
contribution-page × 4
display × 3
profile × 2
evaluating-civicrm × 2
bootstrap × 2
usability × 2
civievent × 1
contacts × 1
extension × 1
error × 1
groups × 1
recurring-contributions × 1
4.7 × 1
cividiscount × 1
drupal-8 × 1
menu × 1
templates × 1
fields × 1
images × 1