Adventure Log Post Headers

Bortas
Bortas
edited October 2014 in Campaign Portal Building
I'm trying to play with the headers in m adventure log (where title, subtitle, tags are kept). But I can't seem to identify the container to mess with the background. Frustrating... because I understand the coding of CSS okay now, but I have a bear of a time identifying the correct class name.

Anyway, I've tried
.campaign-public-layout .adventure-log-post .post-header

And a bunch similar to those... any advice?

Thanks,
-bort
"Morwindl":http://morwindl.obsidianportal.com

Comments

  • cgregory
    cgregory
    Posts: 780 edited October 2014
    Is there a particular campaign that does something similar to what you want? If so, use the firebug addon in Firefox to view the css code.

    [edit]
    Nevermind, I think i know what you want. Try .adventure-log-post-title


    Carl
    Current campaign: "Devils and Dilettantes":https://devils-and-dilettantes.obsidianportal.com
    Work in Progress: "Deus Ex Machina":https://deusex.obsidianportal.com/wikis/sarif-industries
    Post edited by cgregory on

    They are among us!

    image

                       XCom: Defiance - Campaign of the Month November 2016

     

     

  • Bortas
    Bortas
    Posts: 645
    Thorvaldr's "Tyellador":https://tyellador.obsidianportal.com/adventure-log of course

    I don't want to copy per se, but I do want to do something similar.

    My IDEAL GOAL would be to have the adventure log page be a series of banners (custom background), the foreground would be the adventure title & subtitle and nothing else. (timeline and calendar on the right is fine). Clicking the banner title would then take you to that adventure, styled the same way I have the rest of my site.

    As for the plug in, not a firefox user, and damn if I don't have a hard time deciphering CSS

    And nope, that's not doing it. Here is my code, maybe I'm way off base...

    @.campaign-public-layout .adventure-log-post-title {background-color: transparent; background-image:
    url(‘https://db4sgowjqfwig.cloudfront.net/campaigns/67984/assets/380587/ParchBackAdv.png’); background-repeat: no-repeat; background-size: 100% 100%;}@

    -bort
    "Morwindl":http://morwindl.obsidianportal.com
  • cgregory
    cgregory
    Posts: 780
    TYellador is using the following code.

    .adventure-log-post .post-header {background-image:url('http://cdn.obsidianportal.com/assets/299110/Adventure_log_title_bar.png'); background-repeat:no-repeat; background-size:100% 100%;
    height:100px;}


    While the "karameikos":https://karameikos.obsidianportal.com/adventure-log uses

    .adventure-log-index .adventure-log-post-container.teaser .adventure-log-post-title {
    background-image:url('https://lh3.googleusercontent.com/--5S6ZyOSaTY/Ur1uKTsUxdI/AAAAAAAAFLU/4OBSpctIZvo/s1000/ScrollGrey%252001.jpg');
    background-position:center top;
    border-color:#000000;
    border-style:solid;
    border-width:3px;
    border-radius:4px;
    font-weight:normal;
    font-size:22px;
    }

    I've pasting both codes in my campaign and they both work.

    They are among us!

    image

                       XCom: Defiance - Campaign of the Month November 2016

     

     

  • Bortas
    Bortas
    Posts: 645
    CGregory, thanks for the help.

    I tried both, this is what happens: "https://morwindl.obsidianportal.com/adventure-log":https://morwindl.obsidianportal.com/adventure-log

    -bort
    "Morwindl":http://morwindl.obsidianportal.com
  • Bortas
    Bortas
    Posts: 645
    PS: the CSS code, "https://morwindl.obsidianportal.com/wikis/css":https://morwindl.obsidianportal.com/wikis/css

    -bort
    "Morwindl":http://morwindl.obsidianportal.com/
Sign In or Register to comment.

March 2024
Wrath of the Highborn

Read the feature post on the blog
Return to Obsidian Portal

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Discussions