Questions tagged [css]
The css tag has no usage guidance.
1
vote
0answers
20 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.
1
vote
2answers
49 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 ...
1
vote
1answer
19 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).
1
vote
1answer
28 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 ...
4
votes
3answers
69 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 ...
1
vote
1answer
18 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 ...
3
votes
1answer
51 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 ...
0
votes
0answers
20 views
CiviCRM popup screen under header/menu
I've always had an issue with the popup edit boxes hiding behind the header / superfish(the drupal module). Running the latest version of everything. The theme is bootstrap. See screen shot attached ...
1
vote
0answers
13 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 ...
0
votes
0answers
15 views
Css added in civicrm contribute form breaks when there is a validation error
The Css added in contribution form in civicrm.css does not show up if there is a validation error in contribution form.
How to make sure the css remains intact?
1
vote
1answer
59 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 ...
0
votes
1answer
31 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 ...
1
vote
1answer
95 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 ...
2
votes
2answers
77 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 ...
0
votes
1answer
54 views
How does one get rid of the CSS errors regarding dashicons.eot [closed]
Or is this a Microsoft Edge only problem?
1
vote
2answers
155 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 ...
0
votes
1answer
69 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=...
1
vote
1answer
64 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 ...
2
votes
1answer
97 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 ...
2
votes
2answers
46 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 ...
2
votes
1answer
132 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 ...
3
votes
1answer
20 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 ...
1
vote
1answer
48 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 ...
2
votes
2answers
102 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 ...
0
votes
1answer
22 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, ...
4
votes
1answer
52 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.
2
votes
1answer
295 views
404 css and js not found, wrong [civicrm.root]
a fresh install on Joomla 3.6.4 with CiviCRM 4.7.13 results in countless 404 errors
All files of those locations are not found:
css
bower_components
packages
js
It tries to find the files from ...
3
votes
2answers
87 views
How do I disable civicrm.css on public pages in Drupal?
I have the following in my template.php file, in my custom theme:
function shriver_css_alter(&$css) {
unset($css[drupal_get_path('module','civicrm').'/css/civicrm.css']);
}
It doesn't work, ...
0
votes
1answer
46 views
Default CSS / Standard Directory Set Up
I am new to CiviCRM environment.
My company asked me if I could modify the website to not have so much blank space (white space) on the sides. They want more content on the screen.
Please excuse ...
7
votes
4answers
91 views
Kid gloves and hotspot flagging
Is there a good (and simple :) way to have CiviCRM flag up when contacts may need to be handled with care (as a way of forestalling situations where we can never contact them again, ever)?
Obviously ...
1
vote
0answers
27 views
Problem with CIVICRM Notes (CSS?)
I have a (new) installation with civiCRM 4.7.2 (Joomla 3.4.8) regarding the display size of the "Notes". For my template I know where to find the style information, however I have difficulties to ...
1
vote
1answer
96 views
Targetting CiviCRM input field labels with css
I can see how to hide an input field using custom css, but I cannot figure out how to hide the specific label for that field. All the labels on the contact form seem to have the same selector. I am ...
1
vote
0answers
47 views
CSS Code or extension for mobile view of event registration
I am using civicrm for event registration and have noticed that all the input fields go out of the mobile width. With contact form 7 I usually set the css fields to max-width: 100% but I can find the ...
3
votes
1answer
129 views
How can I preserve changes to civicrm.css when civicrm is updated?
How can I preserve changes to civicrm.css when I update civicrm?
For example the combo box for Event Fee(s), Registration Fee is too narrow - the amounts are cutoff on the right. I want to preserve ...
3
votes
1answer
119 views
CiviCRM CSS outside of CiviCRM
We've got some CiviCRM status messages displayed outside of CiviCRM (Drupal pages), but they come as a default browser JS alerts, not as a fancy CiviCRM-styled status messages. We've $manager->...
3
votes
4answers
558 views
How do I disable custom css on frontend with Wordpress?
I currently have a custom CSS file specified in Settings > Resource URLS. In this CSS file I override some civicrm.css styles to make the CiviCRM admin screens look a little more like the Wordpress ...
4
votes
4answers
191 views
The contribution payment verification page has lost the site theme styling
In general, what would cause a contribution verification page to lose the current theme styling? This is the page that appears after our initial membership contribution page when the user presses ...
2
votes
2answers
142 views
Changing page layout for Contribution pages in Joomla
I have a need to remove certain Joomla styling from a specific Contributions page generated by CiviCRM, such as the main banner at the top.
I have investigated such things as editing the templates in ...
4
votes
1answer
104 views
civicrm theming
I am trying to alter the layout/theme setings of the petition. I am using a petition with a profile. The petition questions are put in a very narrow left hand column and the answers in a wide column ...
3
votes
2answers
3k views
Setting Select2 widths
We have a number of forms that have items on them using the built in Select2 support. They aren't quite wide enough; annoyingly so. For the default selection, you can see the membership type and the ...
2
votes
1answer
1k views
How to disable datepicker UI for a mobile device
I like the datepicker UI, but many people don't.
We require date of birth on a few forms. Each week I get at least one complaint that someone can't fill out the form on a mobile. Not sure if a bug ...
3
votes
2answers
375 views
Why would my CiviCRM CSS file not load correctly?
I'm having trouble with my CiviCRM CSS file not loading correctly -- the admin bar becomes a bulleted list of plain text.
Any suggestions?
6
votes
1answer
598 views
Can I use a custom style sheet (CSS) for user modifications?
I have noticed that the content of CiviCRM pages contain selectors such as:
Type selectors elementname,
Class selectors .classname, and
ID selectors #idname.
I know these can be used to modify ...
