Download
We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

Super noob seeking guidance

  • #11571
    Avatar photo[anonymous]

    Hi de ho.

    I’m a fairly long time WordPress user.  I don’t know if that helps or hurts.

    I graduated to WordPress from an app called Thingamablog which to be kind I loved. The only reason I migrated to WP was the dev of Thingamablog evaporated and the publish function became inop with new security features being driven my webhosts.

    Anyway, I’ve got a desire to create a simple site basically of one page which I can post pictures and texts in a semi-infinite long page. No menus, just one long page.

    I’ve looked at the various free templates, and none are even close.

    I’ve played with the simple template and I can’t get rid of the big black footer, I can’t make it all one page, etc, etc.

    This doesn’t have to be fancy.  It’s a page for documenting the issues with a house I had built all in one place.

    Any guidance would be greatly appreciated.

    Thank you in advance,

    chris

    #11576
    Avatar photo[anonymous]

    No sure I understand totally what you are asking, but let’s try

    1. theme-override your theme
    2. copy past the partials/footer.hbs in your new folder
    3. delete everything between
      <footer>
      </footer>
    #11582
    Avatar photo[anonymous]

    Thanks.

    Did what you suggested, really didn’t change much.

    I’m decidedly not markdown/html/etc savvy.  My ability to futz with the code is virtually nonexistent.

    Doing some looking around, what I’m wanting is effectively a one page website.

    I don’t see how that is possible with getpublii unless someone can point me to a resource of how to set it up.

    cheers

    chris

    #11587
    Avatar photo[anonymous]

    If you just want to keep adding to the same page, not keeping a running list of posts that are individual posts then create a single post (call it what you want – maybe “Main Page”).  Go to Theme -> Custom settings -> Layout -> Front Page -> Front page displays

    Choose “Selected Post” and then select that post you created from the dropdown:

    shot_240117_130652

    You can make the hero image area much smaller (possibly none) by editing this:

    shot_240117_130957

    Set it a really small number.  I have not tried 0vh, but that will probably work.

    When editing the post – you might want to try tweaking some of the post options (click the gear in the upper right) and see if you can get closer to what you are imagining:

    shot_240117_131203

    Brad

    #11592
    Avatar photo[anonymous]

    Wow.

    I’ll give that a wail.

    Thank you

    Chris

    #11627
    Avatar photo[anonymous]

    Brad,

    That’s great, thank you very much.

    Once past hat hurdle, a couple more silly a$$ed questions:

    1. The menu area at the top:
      1. How can I change the color (prefer black on white, and make it fixed, rather then “popping” down.
    2. The footer.  How do I change the color to black on white?

    Thanks again for all your assistance.

    chris

    #11647
    Avatar photo[anonymous]
    [anonymous] wrote:

    Brad,

    That’s great, thank you very much.

    Once past hat hurdle, a couple more silly a$$ed questions:

    1. The menu area at the top:
      1. How can I change the color (prefer black on white, and make it fixed, rather then “popping” down.
    2. The footer. How do I change the color to black on white?

    Thanks again for all your assistance.

    chris

    Hi Chris! Glad to have you in the Publii forum!

    In terms of changing the colours of things, you’ll have to do some very light and easy custom CSS edits. Are you familiar with Dev tools / Inspect Tools in the browser, and CSS?

    If not, happy to walk you through some steps.

    #11671
    Avatar photo[anonymous]

    I did this with the Simple theme.  If you are using a different theme you will need to do some investigation using the Dev tools that @candidexmedia mentioned.

    Here is what I did:

    1. after inspecting the theme in use I determined the CSS that I needed to change
    2. I went to Tools & Plugins -> CSS
      shot_240129_091006
    3. Add these lines of CSS (the CSS you might need to add could be different if you are using a different theme)
      shot_240129_091054
      @media (min-width: 56.25em) {
          .top {
              background-color: rgba(0,0,0,.5);
          }
      }

    This is what it looks like after adding this code:

    shot_240129_090848

    • Brad
    #11675
    Avatar photo[anonymous]

    @<span class=”f-author-name”>bjazmoore</span> This a really useful step by step, especially the pictures and code snippet!

    I figured I would inspect the demo of the Simple theme and add to your code snippet to show how to modify both the footer and header:

    .top { /*changing the header*/
      background-color: var(--black); /* sets the header's background colour to black */
    }
    
    .footer { /*changing the footer*/
      background-color: var(--white); /* sets the footer's background colour to white */
      color: var(--black); /* sets the footer's text colour to black */
    }
    
    .footer__social svg { /*changing the svg icons*/
      fill: var(--black); /* sets the footer's icon's colour to black */
    }