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: 772 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

    Current Campaign: XCom: Defiance - Campaign of the Month November 2016

                                           My Campaign CSS

                              Unlocking The Portal: A Guide to OP CSS                                    

     

     

  • 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: 772
    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

    Current Campaign: XCom: Defiance - Campaign of the Month November 2016

                                           My Campaign CSS

                              Unlocking The Portal: A Guide to OP CSS                                    

     

     

  • 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.

Campaign of the Month
September 2021

D&D 3.0: Tales from Mystara


Read the feature post on the blog!
Or 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