SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Thread: Drupal ID and CLASS names

  1. #1
    SitePoint Evangelist escapedf's Avatar
    Join Date
    May 2002
    Location
    Cape Town
    Posts
    458
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Unhappy Drupal ID and CLASS names

    Hi all,
    Im having some problems with ID and class names that drupal spits out, and i cant change

    for example this div:
    div id="view view-nodequeue-3" class="view view-nodequeue-3


    If i try style this Id or class, it doesnt work:
    #view view-nodequeue-3{
    padding-left: 5px;
    }

    or
    .view view-nodequeue-3{
    padding-left: 5px;
    }


    Is it the way its named?
    I cant change the name of this, so how in CSS must i write it to get it to read the styles?

    Thanks!
    Dee
    "have the courage to follow your heart and intuition. They somehow already know what you truly want to become"

  2. #2
    SitePoint Addict
    Join Date
    Mar 2007
    Posts
    285
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Use firebug to find out what is more specific to the bit you are editing.
    http://www.glasys.co.uk
    Noli Illegitimi Carborundum

  3. #3
    Design Your Site Team bronze trophy Erik J's Avatar
    Join Date
    May 2007
    Location
    Countryside, Sweden
    Posts
    3,407
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by escapedf View Post
    ... I cant change the name of this, so how in CSS must i write it to get it to read the styles?
    class="view view-nodequeue-3"
    If this class identifier has a space it actually is two classes separated by the space; "view" and "view-nodequeue-3".

    Try either of them or concatenate them to make more spcificity weight, i.e. (dot)view(dot)view-nodequeue-3:
    Code:
    .view.view-nodequeue-3{
    padding-left: 5px;
    }
    Happy ADD/ADHD with Asperger's

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •