By eddy147 on

Suppose my frontpage will have a different layout than my other pages. Therefore i need at least 2 stylesheets.
Now we can only use style.css.
Is it possible to use more than 1 stylesheet???

Comments

markhope’s picture

markhope commented

A couple of thoughts:

1) Create a page-front.tpl file by duplicating and modifying page.tpl.php
put a class on the body tag <body class="mybodyclass"> and use that to overide/specify your styles in style.css
.mybodyclass .mystyle

2) put another link to a custom css just below $styles in page-front.tpl
<style type="text/css" media="all">@import "<?php print base_path() . path_to_theme() ?>/custom.css";</style>
putting your css in custom.css

camb416’s picture

camb416 commented

1) makes so much sense... thank you!

I'm wondering though... in my page.tpl.php, the code uses $body_classes for the body class.

Will hardcoding this on page-front.tpl.php adversely affect my install?

Thanks very kindly,

CB

mia5793’s picture

mia5793 commented

I haven't worked much with the css and template pages in drupal so I'm still a bit confused...

where *exactly* am I supposed to add .mybodyclass and .mystyle ?

and on the /custom.css part i can change that to the name of my actual custom css file for the front page, right?

Hopefully this is dead obvious to you guys and you can help me out! I would really appreciate it :)

nancydru’s picture

nancydru
she/her/hers
Primary language English
Location Boston
commented

Check your HTML source with your browser. I bet you find that you're already using a minimum of 6 style sheets. Most of my sites have 10 or more.

Nancy W.
Drupal Cookbook (for New Drupallers)
Adding Hidden Design or How To notes in your database

NancyDru

samaste.march’s picture

samaste.march commented

For creating multiple style-sheets, first create .tpl file, for duplicating and modifying create demo.tpl.php. There is two file using for multiple style sheet. One is demo-page.tpl.php and other is demo-front.tpl.

nancydru’s picture

nancydru
she/her/hers
Primary language English
Location Boston
commented

Most themes have a list of stylesheets in their .info files. You can add to that list quite easily.

NancyDru

odyseg’s picture

odyseg commented

I assume you are planning to put those 'styles' only for the frontpage right? Then, if me I'll just use some small snippet into my default page.tpl.php.

Something like

  if($is_front) { // we test $is_front to determine if it the frontpage, otherwise no css will be added.
      drupal_add_css('yourcss.css');
  }