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/
Comments
.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/
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/