Questions tagged [css]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
2 votes
1 answer
19 views

How to style public profiles, forms, and registration pages?

We use wordpress and CiviCRM. Profiles on registration forms and the likes seem to be formatted weirdly. Most forms I see used on the interwebs are stacked, meaning label is above field which makes ...
user avatar
  • 3,252
2 votes
1 answer
27 views

Editing RelationshipSelector.tpl section of a UserDashboard

I'm trying to edit the table row content of the "Your Contacts / Organizations" section of the UserDashboard: It appears that this section of the UserDashboard is controlled by the ...
user avatar
0 votes
0 answers
43 views

Styling issues on searchkit display

We are currently running CiviCRM 5.41.2 and using Shoreditch 1.0.0-beta.9 with Shoreditch CiviAdmin Companion Drupal theme as the admin theme. I used a SearchKit List Display and Afform to create a ...
user avatar
  • 109
1 vote
1 answer
65 views

Theme for Civicrm / WordPress?

Old question I am aware. Any new answers? Latest WordPress and CiviCRM installed. So I'm reading that picking a theme that is mostly CSS and little JS is the way to go with compatibility in mind for ...
user avatar
0 votes
0 answers
10 views

How to control order of added CSS stylesheets in Drupal 9 (And probably D8)?

I've found I can add CSS to pages like so: /** * Implements hook_civicrm_coreResourceList(). */ function MYEXTENSION_civicrm_coreResourceList(&$items, $region) { if (!CRM_Aah::isActive()) { ...
user avatar
  • 3,678
1 vote
2 answers
84 views

Make CiviCRM dashboard full-width

This used to be achieved with the code linked but since the dashboard code was heavily revised in Civi 5.33+? the old code doesn't work. Ref: https://forum.civicrm.org/index.php%3Ftopic=24355.0.html ...
user avatar
  • 2,864
1 vote
1 answer
28 views

How does one override print.css (Drupal 7 / CiviCRM 5.36.x)

This is referencing a Drupal 7 website with CiviCRM 5.36.x When CiviCRM prints from a modal it invokes print.css which lives in /sites/all/modules/civicrm/css/. It does not invoke any other theme ...
user avatar
1 vote
1 answer
113 views

Drupal 8/9 Compilation Install Error

I'm getting thiis error, when I try to install civicrm on Drupal 8 and 9 The following packages have new compilation tasks: civicrm/composer-compile-lib has 1 task civicrm/civicrm-core has 1 task ...
user avatar
2 votes
0 answers
59 views

Civicrm is not reading my custom css file (WordPress)

I put a custom css file in [custom.files]/custom/ (wp-content/uploads/civicrm/custom/) and it is not being read. I tested the same test entry in the civicrm/civicrm.css and it works there. The entry ...
user avatar
1 vote
1 answer
98 views

Is there a way to use css pagination / repeating elements with dompdf?

Is there a way to use css pagination with the current version of dompdf shipped with CiviCRM? Like: @page :footer {content: "page " decimal(pageno);} The issue is that I want some content ...
user avatar
  • 101
2 votes
1 answer
57 views

How do I change the layout and style of a contribution page displayed on a wordpress website?

I've got premium options included which display as toggle framed text and not with tick boxes (which I want) and it's using Times as the default font (which I don't want). Also, I need the Profile ...
user avatar
  • 51
0 votes
1 answer
24 views

CSS problems on Contact Notes View modal dialog

When viewing or editing a note attached to a contact, the dialog window displays the note content shifted far to the right. This is a new problem, but I'm not sure if it's a result of installing a WP ...
user avatar
  • 1,218
0 votes
1 answer
18 views

Civicrm - Joomla Backend forms width

we have just started to use Civi for our organisation, but now we are expieriencing some strange layout problem in the backend. All the forms seem to have a fixed width, and i have no idea where to ...
user avatar
0 votes
1 answer
28 views

How do I hide a div tag for a specific event or contribution page?

I would like to hide a specific div tag for a specific event or contribution page ID. I am not good with JS. So prefer CSS display:none; method. Any help would be appreciated. Thanks
user avatar
  • 2,836
1 vote
1 answer
31 views

Can't seem to find the correct CSS selectors for public buttons - contributions pages (Save, Cancel and Review Your Contribution)

Does anyone have the correct CSS Selectors for these 3 buttons? I want to remove the icons (they don't display on all browsers) and change the overall style of the buttons to match buttons on the rest ...
user avatar
1 vote
1 answer
81 views

Css not loading causing the dashboard not loading correctly

The error in question is as follows: Refused to apply style from 'mysite/wp-content/uploads/civicrm/persist/contribute/dyn/crm-menubar.e7a0463626d3eb2004ca8b83b4b12bad.css' because its MIME type ('...
user avatar
0 votes
1 answer
17 views

How to adjust the column width of an item on a contribution receipt?

As it can be seen from screenshot below, the "QTY" column is too close to the "Donation amount" and often times it can be mistaken as "1081" instead of "108". Is there a way to adjust the column width ...
user avatar
  • 2,836
1 vote
1 answer
85 views

How to CSS style price set checkbox?

I need help styling my priceset checkboxes on a contribution pages. I was able to style it, but when any of them are selected, the checked item doesn't show activated as per my css color. It maybe a ...
user avatar
  • 2,836
0 votes
2 answers
52 views

Recurring contributions frequency label ("every month") is unstyleable - looks bad

If you set up a contribution page to accept recurring contributions, the label for this option on the page is "I want to contribute this amount FREQUENCY" where FREQUENCY is from the contribution page ...
user avatar
  • 1,569
1 vote
1 answer
47 views

I have an uncorrect css path in the front-end html code

I am using CiviCRM 5.18.3.with Joomla! 3.9.12 and I can not solved a path problem within the html page where "/components/" should be replaced by "/administrator/components/" (see below). It works OK ...
user avatar
  • 11
1 vote
0 answers
84 views

Civicrm on Drupal: broken JS and CSS or Asset Caching enabled

If I enable asset caching in CiviCRM everything works fine. If I disable it, the administration menu is gone from the top to a list that's beneath the page content and a lot of JS is broken too. The ...
user avatar
0 votes
2 answers
76 views

When adding CSS in civimail (under source) getting an error when trying to see or send test

Trying to use my own custom html e-mail in CiviMail with custom CSS in it (specifically to optimize on mobile). When I have the CSS stylesheet info on top I cannot send a test email or preview in HTML....
user avatar
  • 477
3 votes
1 answer
72 views

How to modify System workflow message with a modern look Header?

I would like to add some fancy CSS and HTML in the system workflow messages. I know there’s a section to add a header logo. But I was wondering if there’s an ideal way to make the entire format ...
user avatar
  • 2,836
2 votes
0 answers
38 views

Civicrm with Nginx and Joomla - resource URLs and configuration file

Joomla 3.9.2CiviCRM 5.11.0 If I set up nginx to not protect the custom files directory, CiviCRM gives a warning that some files are downloadable. Fair enough. But if I set up nginx to protect the ...
user avatar
  • 1,218
2 votes
2 answers
42 views

CiviPledge custom styling

In which file can I find and edit CiviPledge CSS styling to make the form look more in line with the rest of my site? Thanks!
user avatar
  • 21
4 votes
1 answer
63 views

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

As the title says - can you restrict Shoreditch from injecting CSS on Public pages with CiviCRM content? For example - do a fresh install of Drupal, CiviCRM and Shoreditch - choose any public theme - ...
user avatar
  • 3,252
1 vote
0 answers
26 views

Edit Component on webform

How to change component style,there is cssclass in component edit, we don't know where to write the class. Any help please.
user avatar
2 votes
2 answers
1k views

Adding CSS to extra tpl file

I've added CSS to a Summary.extra.tpl file to change reports. But the CSS does not apply. Adding the CSS by itself crashes the report (character encoding issue) so adding the {literal} tag is what I ...
user avatar
  • 2,864
4 votes
1 answer
340 views

Styling Contribution pages with buttons

Some users may want to display Price Set options as standard buttons rather than as radio buttons. I am sharing my CSS for this below. See how it looks here (Joomla).
user avatar
1 vote
1 answer
115 views

location of civicrm.css on Joomla

I just upgraded to 5.8.0 and quickly noticed that my contribution pages didn't look the same. Using an html inspector the page is using just css from the joomla template and not civicrm.css. Looking ...
user avatar
  • 116
5 votes
3 answers
126 views

Anyone else seeing an overlapping admin/civi menu bug with Joomla 3.8.13 and CiviCRM 5.6.0?

After an upgrade to Joomla 3.8.13 and Civi 5.6.0 the Joomla admin menu dropdown is stacking under the Civi menu. I can't reproduce on https://joomla.demo.civicrm.org as even if the versions weren't ...
user avatar
  • 530
1 vote
1 answer
24 views

Civi 5.6.0 - wrong css z-index on Activities page when creating/viewing activity

CiviCRM 5.6.0 Joomla 3.8.12 php 7.0.32 On the activities tab of a contact, when you create or view an activity, the panel which pops up is displayed behind the black CiviCRM menu bar, and also behind ...
user avatar
  • 1,218
3 votes
1 answer
65 views

back-end checkboxes not displaying after switch to Shoreditch

After switching to the shoreditch theme, the checkboxes on our back-end site are not displaying appropriately in all situations. When listing Contacts from a search, the checkboxes that should be in ...
user avatar
1 vote
0 answers
23 views

Formatting search queries from Civi

Can anyone tell me where I can find the php or css that affects how search profiles are formatted? I want to alter how it looks on the webpage because it clashes with the flow of the website. Any ...
user avatar
1 vote
1 answer
113 views

CiviCRM CSS doesn't appear to be used when viewing live pages

I'm evaluating CiviCRM in Wordpress. When I view test pages, the layout looks fine. But when I view live pages, it often looks quite different and worse than the test. In some cases, it's completely ...
user avatar
0 votes
1 answer
49 views

CiviCRM Profile Forms: Label and TextBox on the same line

Need your help....I have a form (created via a profile) which contains textboxes with labels...The default view shows the textboxes below their respective labels...Is it possible to show the textboxes ...
user avatar
  • 37
1 vote
1 answer
167 views

After upgrade to 4.7.23., icons do not show (Civicrm on WordPress) (SOLVED)

As you can see in the picture below, icons do not show. They are missing on all pages, also on buttons. This does not change after emptying cache and rebuilding the menu. I've also checked the ...
user avatar
2 votes
2 answers
95 views

How to load custom css into admin popup boxes?

Many admin functions in Civi send the user to Ajax popup boxes. Eg on the Contact screen, Membership > Add membership, Events > Add Event... and many many more through the system. What is the best ...
user avatar
  • 1,561
0 votes
1 answer
70 views

How does one get rid of the CSS errors regarding dashicons.eot [closed]

Or is this a Microsoft Edge only problem?
user avatar
  • 321
1 vote
2 answers
213 views

Getting CiviCRM resources to load on the Joomla frontend

I have created an Event in CiviCRM and it all worsk fine in the Administrator side of Joomla when I test the Online Registration page. I have a price set of various ticket prices and the total adds up ...
user avatar
  • 105
0 votes
1 answer
88 views

HTML & Event Pages: Unspecific IDs and Classes at the top

I'll be referencing the HTML created by Wordpress, CiviCRM, and possibly the Pinboard theme. I was looking to restyle event pages (only) and began with the page with all events: /civicrm/?page=...
user avatar
  • 324
1 vote
1 answer
101 views

Contribution pages look strange on mobile

We are having problems when viewing our contribution pages on mobile platforms, because of the width of the screen some of the text is shown on top of other text, making it hard to read: We have the ...
user avatar
  • 247
2 votes
1 answer
149 views

What are all these missing CiviCRM CSS and jQuery files?

I am not sure how to ask this question or what I did to cause it, but I'll give it a shot. There seem to be several CSS files and jquery plugins that are trying to load on my Drupal 7.50 site that are ...
user avatar
  • 2,436
2 votes
2 answers
86 views

How do I modify properties (container width and column widths) of the New Individual Form/Box

I'd like to know which file(CSS?), and within the file which element/variable etc. I can edit to adjust the properties of the New Individual Container/Form. I'd like to do 2 things: 1 -Make the ...
user avatar
  • 327
2 votes
1 answer
193 views

404 errors for loading CSS on Event pages (Wordpress)

I'm using a fresh install of Civi 4.7.15 on Wordpress 4.7.1 I can use the back-end of Civi fine, but when I try to load public pages - e.g. Event Registration Page, the page can't load the necessary ...
user avatar
2 votes
1 answer
24 views

Edit button and allowing some users to edit subtype

I've removed the main Edit button from the top of the contact record (using CSS) because it confuses people. Almost everything can be edited by hovering over it, with the exception of contact ...
user avatar
  • 1,247
1 vote
1 answer
59 views

How do I get my contribution form fields on the same line

I have bootstrap Joomla theme and it is changing the format of form fields. I understand that this is a CSS issue but my question is how can I get my live contribution page to look like the test page ...
user avatar
2 votes
2 answers
138 views

Contribution form looks different on live site

I'm using civicrm 4.7 on a 3.6.5 joomla site with the LT Charity Template. The field on my contribution page looks different from the page when I do a live preview. I researched the issue and I ...
user avatar
0 votes
1 answer
27 views

How to alter the 'Manage Case' display so that it doesn't break with longer activity subjects

When working with cases, the subject field of the activities in the case is commonly set by users. When they enter a subject that is longer than about 30 characters, the display of the entire case, ...
user avatar
  • 3,584
3 votes
1 answer
55 views

CiviCase css problem (Joomla version) after upgrade to 4.7.14

There is a problem with css class "label" in CiviCase. This affects the CiviCase dashboard and custom fields in the Case view panel. I think this only affects the Joomla version of CiviCRM 4.7.14.
user avatar
  • 1,218