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 »
  • Using CiviCRM »
  • Post-installation Setup and Configuration (Moderator: Dave Greenberg) »
  • FrontEnd view & type size
Pages: [1]

Author Topic: FrontEnd view & type size  (Read 1643 times)

nuMedia

  • Guest
FrontEnd view & type size
November 25, 2007, 03:03:15 pm
First... I AM so excited! With much trepidation, I finally installed CiviCRM today in a Joomla 1.0.13 site I'm working on. This site is the  first of three I'm doing for several non-profits in the next two months and I will use CiviCRM on every one of 'em. CiviCRM is essential to these organizations and I'm so thankful for ALL the work in creating it.

I had absolutely NO problems with the installation OR the configuration of the index.php file in order to expose the Event pages I'm creating. Yaahoo!

However, when I view the info within a modification of a YOOtheme template I'm using, the type size is very, very small. From looking at the source, the CSS classes, though different, must be based on an over-arching CSS rule (a percentage, perhaps?)

Is it possible to edit the CSS associated with CiviCRM? Is there a separate .css file for CiviCRM that is accessible? Maybe type size can be customized in the "Administer" area of the Component and I just missed it.

Any help is greatly appreciated. And, again, thank you for this fantastic product!
Lynda

twowheeler

  • I post occasionally
  • **
  • Posts: 115
  • Karma: 11
    • Harrisburg Christian Performing Arts Center
  • CiviCRM version: 4.3.4
  • CMS version: Drupal 7.22
  • MySQL version: 5.1
  • PHP version: 5.3
Re: FrontEnd view & type size
November 26, 2007, 04:20:37 am
There are the
Code: [Select]
civicrm/css/civicrm.css and
Code: [Select]
civicrm/css/joomla.css files that may be of interest to you.

nuMedia

  • Guest
Re: FrontEnd view & type size
November 26, 2007, 04:21:29 pm
Thank you twowheeler,

After posting the question, I sleuthed around and found the css files (siteName)>administrator>components>com_civicrm>css.

I looked through all of them...
bluemarine.css
civicrm.css
drupal.css
joomla.css
print.css
quest.css
and, a nested folder >skins>aqua>theme.css

I'm just still a "newbie" with CiviCRM but I'm assuming since you suggested modifying civicrm.css and joomla.css that those two stylesheets basically affect presentation on the frontend in Joomla. BUT... am I liable to goof up the backend by fiddling with them? The interface in Joomla's backend is fantastic and, since I do think it's my template's css that may be affecting the type size primarily, should I concentrate on the Joomla.css primarily??

I will make back-ups of all stylesheets!  ;D

Can you (or anyone) clarify the application of bluemarine-, print-, quest- and theme.css stylesheets?... including whether primarily affecting frontend or backend? Looks like theme.css has mainly to do with the calendar but... quest.css and bluemarine look very robust... not sure I want to mess with them at all.

Again, thank you!

twowheeler

  • I post occasionally
  • **
  • Posts: 115
  • Karma: 11
    • Harrisburg Christian Performing Arts Center
  • CiviCRM version: 4.3.4
  • CMS version: Drupal 7.22
  • MySQL version: 5.1
  • PHP version: 5.3
Re: FrontEnd view & type size
November 26, 2007, 07:28:41 pm
Disclaimer: I am not an expert and am not a joomla user at all, so take this for what it is worth. 

I guess I wasn't clear.  You said you are using "a modification of a YOOtheme template" and I thought it might be helpful to see the CSS files in civicrm, to see if any classes are being overwritten or something similar.   

In general, fonts and font sizes are set by a theme's files.  Personally, I would not mess with the CSS in civicrm, but if you can identify the code in the modified YOOtheme files that sets a too-small font, or overwrites some CSS class that civicrm uses, then fix that.

Is it possible to contact the author of the modification to ask for a fix?

Or even better, use a different theme.  There's lots to choose from if you don't like the one you have.

Just my $0.02.

speleo

  • Ask me questions
  • ****
  • Posts: 396
  • Karma: 28
  • CiviCRM version: 4.3.1
  • CMS version: J! 2.5,9
  • MySQL version: 5.1
  • PHP version: 5.3.24
Re: FrontEnd view & type size
November 27, 2007, 04:04:46 am
if you are using a firefox client then load Firebug. This allows you to delve under the hood and see what css is being called.

http://www.getfirebug.com/

nuMedia

  • Guest
Re: FrontEnd view & type size
November 27, 2007, 11:50:20 pm
Yes, I am using Firefox and did just as you suggested! With Firebug it was easy to see the cascade hierarchy and, as it turned out...
  • the change that helped my type size the most was in civicrm.css > #crm-container tr; changing the font-size from .95em to 1em
  • and, in my template's general.css, I changed a h2 font-size from 225% to 200% and the font cascade to include Trebuchet MS in all the header sizes.

The above info is FOR EXAMPLE ONLY because I am using a specific template (a commercial one) and these changes worked on one (only one) event listing in CiviCRM. I may find problems in continuing to add additional events or member sign-up forms, etc. I have back-ups of ALL CSS in CiviCRM and I've also kept notes of what I've changed and where I found it.

So, I thank those who contributed info and suggestions... I'm on my merry way and will try to return with a site to "show" as soon as it's done.
Pages: [1]
  • CiviCRM Community Forums (archive) »
  • Old sections (read-only, deprecated) »
  • Support »
  • Using CiviCRM »
  • Post-installation Setup and Configuration (Moderator: Dave Greenberg) »
  • FrontEnd view & type size

This forum was archived on 2017-11-26.