BrendonMize
I made my Front Page and my Wiki transparent. But my text will not for the life of me change color other than some barely visible dark gray. Please advise.
I have used google up and down and tried different HTML codes within the text box, have different CSS codes in the Settings, and it remains the same dark gray color.
https://monstrous-compendium.obsidianportal.com/
Comments
I can't see your page.
I think you may have to set the page to public before I can see what you're talking about; or add me as a player.
-
Ketherian
"Signs & Portents":https://swtwc.obsidianportal.com
Signs & Portends, Dwarves of Lost Koldukar, In a certain realm
I use a transparent background to the sections, allowing them to see through to the starry background set for the campaign. I have also removed the dragon icon, which I _think_ I recall is ".flame-dragon svg" but not certain. I have also changed nearly all of the text to white (the remaining black is on purpose, being on a white background), which required several sections being called out.
I hope this helps,
- Tom
"Experiments in Space":https://gurpsspace.obsidianportal.com/
Just trying to help out.
killervp
"A God...Rebuilt":https://a-god-rebuilt.obsidianportal.com
"OP's COTM April 2012":http://blog.obsidianportal.com/a-god-rebuilt-aprils-cotm/
Over 300 Fans, and Looking for More!
Just trying to help out.
This line of code gets rid of the one right above your banner
.flame-dragon {display:none;}
These two lines get rid of the one right above the dashboard
.main-nav-img {display:none;}
#Layer_1 {display:none;}
However, I would probably only use the
#Layer_1 {display:none;}
and insert an image into the .main-nav-img one, because removing the main-nav-img might push your dashboard up more than you wish.
They are among us!
XCom: Defiance - Campaign of the Month November 2016
tags. Remove some and the space will decrease.
They are among us!
XCom: Defiance - Campaign of the Month November 2016
p {
color: #767676;
}
or whatever color you want
You shouldn't need it but if it doesn't work add a !important qualifier
color: #767676 !important;
They are among us!
XCom: Defiance - Campaign of the Month November 2016
That should work. If it doesn't, let us know.
& you should probably expose your CSS, as Belrathius and I have done.
The CSS for my current site is "here":https://swtwc.obsidianportal.com/wikis/signsnportendscss.
Thanks for the vote of confidence KillerVP.
-
Ketherian
"Signs & Portends":https://swtwc.obsidianportal.com
Signs & Portends, Dwarves of Lost Koldukar, In a certain realm
h1 {text-align: center;}
h2 {text-align: left;}
h3 {text-align: left;}
p.main {text-align: justify;}
.main-content {background-color: transparent !important;}
.campaign-landing-page-container {background-color: transparent !important;}
.wiki-page.section {background-color: transparent !important;}
blockquote {color:black !important;}
div.post-section.post-main {background-color:transparent !important;]
table {margin-left: auto; margin-right: auto;}
p {text-color: #FFFFFF !important;}
I super appreciate everyone assisting me. I don't know what is bugging out on my site. Maybe it is just my novice experience.
I haven't had a chance to check out your pages yet, but I did accept the invite and it's on my to-do list.
- Belrathius
* .campaign-public-layout p and .main-content p as #232323
* and body p as #767676;
So, try adding following to your CSS:
@.campaign-public-layout p,
.main-content p,
body {color:aliceblue;}@
+ whatever you did to make things transparent.
This might miss something (like sidebar text, titles, ...), but should be a good start.
As to tables, you could move the style information into your CSS so all tables get that style.
@th, tr {background-color:transparent;}
table {border:0px none transparent; text-align:auto; background-color:transparent;}@
-
Ketherian
"Signs & Portends":https://swtwc.obsidianportal.com/
"Textile help":http://redcloth.org/textile/
Signs & Portends, Dwarves of Lost Koldukar, In a certain realm
.adventure-log-show div.post-header-container {background-color: transparent;font-color:black; border-style: none;}
.adventure-log-show.post-date, .adventure-log-index .post-date {background-color:#CC9966; font-color:black; color:black;}
.adventure-log-index .post-column { width: 800px;}
.adventure-log-teasers .row { height:250px; font-color: black;}
.adventure-log-index .adventure-log-post {background-color:transparent; border-style:none; font-color:black;}
.adventure-log-page .post-title {position:relative; font-color:black; z-order:10;}
.post-comments.post-section {background-color:transparent !important;}
And I can still see white in my Adventure Logs. Please advise.
/* TRANSPARENT LISTING */
.campaign-public-layout .adventure-log-post, .adventure-log-post .post-header-container {
background-color: transparent;
}
.adventure-log-index .overflow-fade-out, .post-content .overflow-fade-out {
background:none;
display:none;
}
--
Alex
"Dragon Age: Requiem":https://dragon-age-requiem.obsidianportal.com/
h1 {text-align: center;}
h2 {text-align: left;}
h3 {text-align: left;}
p.main {text-align: justify;}
.main-content {background-color: transparent !important;}
.campaign-landing-page-container {background-color: transparent !important;}
.wiki-page.section {background-color: transparent !important;}
blockquote {color:black !important;}
div.post-section.post-main {background-color:transparent !important;]
table {margin-left: auto; margin-right: auto;}
p.main {text-color: #FFFFFF !important;}
th, tr {background-color:transparent;}
table {border:0px none transparent; text-align:auto; background-color:transparent;}
.adventure-log-show div.post-header-container {background-color: transparent;font-color:black; border-style: none;}
.adventure-log-show.post-date, .adventure-log-index .post-date {background-color:#CC9966; font-color:black; color:black;}
.adventure-log-index .post-column { width: 800px;}
.adventure-log-teasers .row { height:250px; font-color: black;}
.adventure-log-index .adventure-log-post {background-color:transparent; border-style:none; font-color:black;}
.adventure-log-page .post-title {position:relative; font-color:black; z-order:10;}
.post-comments.post-section {background-color:transparent !important;}
iframe {max-width: 700px;}
ins {color:inherit; text-decoration:inherit;}
ins:before {content:‘+’;}
ins:after {content:‘+’;}
ul {width: 650px;}
.list {list-style-type: none;}
.list li {list-style-type: none; position: relative; padding-left: 5px;}
.list li:before {content: ' '; display: block; width: 10px; height: 10px; background: #eee; border: solid 1px #aaa; position: relative; top: 3px; left: -15px;}
/* TRANSPARENT LISTING */
.campaign-public-layout .adventure-log-post, .adventure-log-post .post-header-container {background-color: transparent;}
.adventure-log-index .overflow-fade-out, .post-content .overflow-fade-out {background:none; display:none;}
Still have the white borders/backgrounds in Adventure Log previews and headers in Adventure Log entries.
/* TRANSPARENT LISTING */
.campaign-public-layout .adventure-log-post,.adventure-log-post .post-header-container,.adventure-log-show .post-header-container,.adventure-log-index .adventure-log-post {
background-color: transparent;
}
.adventure-log-index .overflow-fade-out,.post-content .overflow-fade-out,.campaign-public-layout .highlight-container {
background:none;
display:none;
}