Playing with 2.1 B2 and CSS

Dr_SommerDr_Sommer Dr. of tender Programing ;) ✭✭
edited September 2013 in General Banter

I know... shouldn't do a Beta on a production Site.. but who can wait?? :D :D :D

It's really fascinating what you can do with this CSS3:

http://caba.de/CaBaFoRuM/index.php?p=/categories

hehe... ok... just playing... and learning... :D :D

2 Questions:

  1. when you look at the Categorys, the alternating colors seem not to working properly... between "2012 CaBaNauTeN drehen durch!!" and "Zeitlos" the Color of the Rows is the same.. the same is happening at the last two rows...

in custom.css i did this:

.Item{
 background:#F3F3F3;

}   
.Item.Alt{
background:#dcdcdc;

}

what am i missing?

  1. I would like to change the blue Font Color of the discussions and category titles into green... although this seems to be an easy task, i'm sitting here 2 Days and can't make it work.. ;(
    With Firebug i found the class and inserted this in my custom.css:

    .TitleWrap{
    color:#000000;
    }

i also tried it with ".title", still no luck...

any Help would be nice.. ;)

Till then... let's watch the dancing beauty... :D :D :D

UnderDog

Comments

  • ShadowdareShadowdare Moderator
    edited September 2013

    Your custom ".Item.Alt" background color shows up as it should. You're probably seeing the background color set in Vanilla for one of the other classes such as ".Item.Read" for discussions you have read.

    For the links, you have to select the link tag as well. For example:

    .TitleWrap a {
       color: green;
    }
    

    Add Pages to Vanilla with the Basic Pages app

    hgtonightUnderDog
  • Dr_SommerDr_Sommer Dr. of tender Programing ;) ✭✭

    ThX, Shadow... i knew it was something easy... :D :D

    The ".Titlewarp a" worked like a charm...

    About the first problem i need do investigate some more, but i understand your suggestion.. ;)

    ThX,

    Dr.Sommer :D

    UnderDogShadowdare
  • peregrineperegrine MVP
    edited September 2013

    you would need to override other classes - if you wanted Alt to take priority over Read, etc.

    .Item.Alt {
         background-color:red !important;  
    }
    

    I may not provide the completed solution you might desire, but I do try to provide honest suggestions to help you solve your issue.

Sign In or Register to comment.