Thanks,

-bort

I am brand new to Obsidian Portals and am still just learning my way around this great site.  One of the things I found and am trying to use is the massive compendium of campaigns here at Obsidian Portals. 

https://www.obsidianportal.com/campaigns?sort_by=looking_for_players

Now I noticed that you can filter down to popularity, new games, looking for players, etc.  You can also search by the particular game system that you may be interested in.  However, despite my efforts I can't seem to be able to do both at once.  For example I'd love to be able to search for only Fate Games with the Looking For Players filter.  However, when I select Fate in this instance it always defers me back to default search and any attempt to filter removes my Fate filter.  Is there any way to accomplish both?  The convenience alone seems like it should be possible and I am merely missing something.  Thank you in advance to anyone who can help me with this.

Is there a way I can change the font (or even just the font size) in the campaign forum?

I'm using the Tangerine font for the <p> in the general campaign pages at 25px because it's kinda small. But in the forum, it shows up in really small print--hard to read. I want to change the font altogether or at least bump up the size.

I'm Ascendant, so I have access to my settings.

Any advice would be helpful. Thanks!

Here is an example of the scrunched text: http://sydarksun.obsidianportal.com/wikis/setting-information

And here's all the CSS I'm using. 

/* CHARACTER STYLING */

.smallcaps {

    font-variant: small-caps;

}

/* HEADER STYLING */

h3 {

font-variant: small-caps;

}

/* BLOCKQUOTE STYLING */

/* from http://forums.obsidianportal.com/comments.php?DiscussionID=3615 */

.campaign-public-layout blockquote {border-left: transparent; font-style: italic; font-family: 'Jura';  }

.campaign-public-layout blockquote p {color: dimgray;}

/*WIDEN TEXT AREA*/

/* From https://forums.obsidianportal.com/discussion/comment/26440/#Comment_26440*/

/*.main-content-container {

width:825px !important;

}

.character-avatar {

overflow:hidden;

}

.sidebar-adventure-log-neighbors {

overflow:hidden;

}

img {

max-width:none;

}

#sidebar {

width:20px;

z-index:2;

position:absolute;

left:980px;

background:#454545;

height:100%;

}

#sidebar:hover {

width:250px;

z-index:2;

position:absolute;

left:760px;

background:#202020;

}

.module {

overflow:hidden;

}

.sidebar-last-updated {

overflow:hidden;

}/*

Best,

Derek

Much Thanks, 

I'm a recently "ascended" member, still getting my first campaign ready to run -- I've been building wiki pages and trying to learn the ins and outs of the CkEditor.

I've noticed a number of odd formatting behaviors -- things that look as intended from within the "WYSIWYG" editor and yet don't match that appearance in the final, display view.  These are things that I've seen apparently functioning just fine on other campaigns I've peeked at, though, which is very puzzling.

I filed a support request, but thought I'd also ask here in case a user can help me figure out the problems.  Just to be clear, I don't have any custom CSS configured for my campaign.

Here are some examples of issues I've noticed:

1) When using a bullet-point list with some elements indented, the display version inserts an extra line of whitespace directly ahead of each element that starts a new intend level.  It makes multi-level lists look quite bizarre in practice, even though they look fine in the editor.

2) The behavior of "spanning" columns in tables doesn't match between the editor and display views.  If I merge two columns in the editor, they look fine...but the display view appears to ignore the "column span" html completely.  The result also appears rather bizarre.

3) When I use the editor to mark text to underline, it displays as underlined.  In the display view, the <u> tags are actually displayed instead of underlining text.

Here are some screenshots I took of a sample wiki page, as shown in the CkEditor and as displayed when the page is actually saved and viewed.  Note that no changes were made to the page between taking those two screenshots.

In editor:

In viewable webpage:

Any help that could be provided would be much appreciated!

Thanks!

I'm looking at a method to render text on an icon, to automatically generate the names rather than edit it in photoshop for each icon. I now have that working using the html id as per below example page and the below code.

My problem: HTML ID's do not allow for spaces or (most) special characters inside the ID. So I'd rather use free text, but I have not been able to think of a way to do this. So, am I missing something really obvious here? Your suggestions please :)

https://thepriceofimmortality.obsidianportal.com/wikis/main-page

HTML CODE:

<div class="wikiiconlist">
*(#Kassen) [[Kassen | <img src="https://derkgroe.home.xs4all.nl/Pathfinder/kassen_ico.png" title="Kassen" class="hover1" > ]]
*(#SerpentGorge) [[Serpent Gorge | <img src="https://derkgroe.home.xs4all.nl/Pathfinder/serpent_gorge_ico.png" title="Kassen" class="hover1" >]]
</div>

CSS:

.wikiiconlist a {font-size:0px;}

.wikiiconlist li {
    list-style-type: none ;
    display: inline-block ;
    width: 150px ;
    margin: 5px ;
	margin-top:-25px;
    text-align: center ;
    margin-bottom: 5px;
    font-size:0px ;
    color:#777 ;
	border-radius:10px;
}

.wikiiconlist img {
	z-index:1;
	border-width: thin;
	border-style: solid;
	border-color: black;
	border-radius:10px;
	-webkit-box-shadow: 3px 3px 12px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 6px 5px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 6px 5px rgba(0,0,0,0.5);
	}

.wikiiconlist li:before {
    content:attr(id);
	display: inline-block ;
	position:relative;
    text-align: center ;
	width:150px;
	height:35px;
	padding-top: 5px;
    top:200px;
	font-size:20px ;
	font-family: Fondamento ;
	font-weight: bold ;
	text-shadow: 3px 4px 2px rgba(0,0,0,0.8) ;
	color: white ;
	background-color: rgba(160,0,0,0.5) ;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	z-index:2;
	pointer-events:none ;
}

.calendar {visibility:hidden; }

#campaign-nav .calendar .nav-text{visibility:hidden;padding-left:5px;font-size:0px;}

.maps {visibility:hidden;}

#campaign-nav .maps .nav-text{visibility:hidden;padding-left:5px;font-size:0px;}

However they still show as an empty line. If I use display:none, I suddenly have llines overlapping.

Am I missing something here?

Is there a way to do this for ONLY the main wiki page and retain the title on the other wiki pages?

Any and all suggestions are welcome!

 <p>Here's a list</p>

          <div>

             <a href="#" class="hide1">hide</a>

             <a href="#" class="show1">show</a>

             <ol class="list1">

                <li>item 1</li>

                <li>item 2</li>

                <li>item 3</li>

             </ol>

          </div>

       <p>How about that?</p>

.show1 {display: none; }

.hide1:focus + .show1 {display: inline; }

.hide1:focus { display: none; }

.hide1:focus ~ .list1 { display:none; }

@media print { .hide1, .show1 { display: none; } }

...and it's worked great. There are two more things I want it to do with it:

1. Make the text hidden by default so I have to click "show" to reveal it. As-is, the text is already visible, and I have to click "hide" to make it invisible.

2. Remove the line that by the visibile text that says "1."

Any idea how I might finagle this? Thanks!

The navigation HTML would look like:

<center><div class="ribbonTimeline"><span class="text-center interlink"><a href="/wikis/story">Story</a> | "Factions":/wikis/factions | "Rules":/wikis/rules | "Variant Rules":/wikis/variant-rules | "History":/wikis/history<br>"Regions":/wikis/regions | "Deities":/wikis/deities | "Character Creation":/wikis/character-creation | "Maps":/wikis/maps</span></div></center>

I'm hoping there is some way to undo my foolishness....

I recently started to set up a new campaign and copied the css to strip it of campaign specific stuff and use that for a new campaign. So far so good.,

And then I copied the stripped css into the OLD campaign, losing oodles of campaign stuff I had carefully crafted.

Is there some way to roll back to the old css, or is that immediately wiped on the site?

Lesson learned: continuously update your off-site backup of the css code in case of future brainfarts....

Further, why does the "Add Tags" always appear after a web page is saved? This happens even if I delete the words "Add Tags" from the Tags field when editing the web page. I have edit the page a 2nd time to click the X to remove the Add Tags from the live page.

I am new here, and i need your help. I noticed that every invited player has rights to edit Wiki pages. Is there a way how i can 'Lock' pages from editing. Or allow only GM and co-GMs to edit it?

Any advice is much appreciated! Thanks!