CSS Frustration, need help

Keryth987

OK, still working on cuastomizing my character page to my liking and ALMOST got it. Issue is, every time I try to customize the color of the DESCRIPTION text for each character, I get an invalid CSS error.
I've tried everything I can think of, all I want is text that is currently white to be light blue in the description.

Character page can be founde "HERE":https://phoenix-rising-1.obsidianportal.com/characters

Here's my CSS as it stands now for the Character page:
/*CHARACTER PAGE CUSTOMIZATION*/
.character-name.title {position:relative; margin-left:auto; margin-right:auto; width:95%;font-family:'Audiowide';font-weight:normal; text-align:center;}
.character-show .main-content section{background-color:white !important;}
.character-show .bio h6, .character-show .tagline + div h6 {display:none;}
.character-index.campaign-public-layout .character-list-item .character-info div, .item-index.campaign-public-layout .character-list-item .character-info div {font-size:small; font-style: italic; color: white;}
.character-list-item { position:relative;top:30px; background: linear-gradient(23deg, #2f0be0 0%, #000000 100%); font-family:'Times New Roman'; }
.item-name.title {font-family:'Audiowide';}
.right-side-fade-out {display:none;}
.tags-list {color:transparent;}
.character-info h4.character-name.title a {color:lightBlue;}
.character-info h4.item-name.title a {color:lightBlue;}
.character-info h4.character-name.title a:hover {color:blue; }
.character-info h4.item-name.title a:hover {color:red; }
.character-info ul li a.tag-link {display:none;position:relative;left:-20px; color:blue;}
.character-list-item-container {position:relative !important; width:33.33% !important;height:125px !important;display:inline; clear:none !important; color:transparent;}
.character-quick-search {background-color:transparent !important;}
#quick_search {display:none;opacity:0.5;}
.postfix {display:none;opacity:0.5;}
.show-tag-check-list{display:none;}
.character-list {BACKGROUND-IMAGE:url(https://db4sgowjqfwig.cloudfront.net/campaigns/101742/assets/386781/Phoenix_Rising_Background.jpg); }
.character-list {border: 15px solid transparent; border-image:url(https://db4sgowjqfwig.cloudfront.net/campaigns/101742/assets/421366/Phoenix_Rising_Background_Combo.jpg) 12 12 12 12 round;} .collapsed.collapsable-nav-row .main-content-container {width: 35%; left: 5.06em; padding-left: 0em; background-color: white;}
.character-quick-search h4 {display:none;}
.character-quick-search::before {content: "Characters";vertical-align: middle; display: table-cell;background-image:url(https://db4sgowjqfwig.cloudfront.net/assets/310662/Sci-Fi-SciFi-Banner.jpg?1395840263);width:1000px;height:110px;font-size:xx-large;font-family:'Audiowide';color:royalblue !important;font-weight:bold;text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black, 0px 0px 4px black;text-align:center;}
.character-index.campaign-public-layout .character-list-item img.game-content-image { border:1px Solid Blue; border-radius:45%;}
.character-index.campaign-public-layout .character-list-item { padding:5px; padding-bottom:14px; background:none; background-image: url(//db4sgowjqfwig.cloudfront.net/campaigns/101742/assets/439024/3185169-starscape_by_x_zam.jpg); border-radius:6px; border:1px solid blue; border-top-left-radius:50px; border-bottom-left-radius:50px; }


Thanks for the help

Keelah Se'lai,
Keryth
"Shadows Over New York":http://www.obsidianportal.com/campaigns/shadows-over-new-york
"2013 Campaign of The Year":http://blog.obsidianportal.com/2013-coty-shadows-over-new-york/

Unknown

The problem you are running into is the fact that the word description contains the string of characters "script" which is blocked by OP to prevent people from using JS. For this you could try styling this in your CSS to the desired blue color:

.character-index.campaign-public-layout .character-list-item .character-info div

In my testing on your page this seemed to get the desired results.

--
Alex
"Dragon Age: Requiem":https://dragon-age-requiem.obsidianportal.com/

Keryth987

That did it

Thanks

Keelah Se'lai,
Keryth
"Shadows Over New York":http://www.obsidianportal.com/campaigns/shadows-over-new-york
"2013 Campaign of The Year":http://blog.obsidianportal.com/2013-coty-shadows-over-new-york/

Unknown

Perfect, glad I could help out. Love the page, it is really coming together nicely.