Editing Theme Files and Adding Prefixes in Invision Community

[Baian007]

Well, I decided to go with Invision Community, and I purchased a license yesterday.

1. I couldn't find a way to edit the original files of the theme (CSS, JS, templates).
2. Where can I add prefixes for forums and downloads and CMS?
3. How to add object storage for downloads and attachments "S3"?
4. How can we avoid having duplicate titles in CMS, forums, and downloads?

Thanks

Edited October 11 by Baian007

[Gary]

HI @Baian007,

Welcome to the best community software around! 🥳

1. AdminCP -> Customization -> Appearance -> Themes -> Edit (little pencil icon) -> Open Theme Editor (top right-hand side of the page).

That's as far as I can assist right now (I'm out and using my phone).

[Baian007]

Thank you @Gary

I am talking about CSS, JS, and Templates for the theme (similar to v4, like global template..etc)

[Gary]

Would either of these links be useful for you?

There have been significant changes to theming between v4 and v5. It might be worth the read.

[Baian007]

I'm truly sorry, and I know you are using your phone. Please feel free to reply back when you can. I want to change the login page template. How is that possible with a hook? Also, if I create a new custom template, how can I add it to a specific template that is not listed in the hook list?

How can I assign a prefix to a specific category without requiring users to search through hundreds of prefixes to find the right one?

really appreciate any help you can provide.

[Matt]

What sort of changes do you want to the log in form, and why?

As this is a beta, we're still adding hook points, but we can add more if they make sense. Generally, you'd consider CSS as the primary way of adapting the layout.

[Baian007]

It's something like the attached screenshot.

[Matt]

Ill tag in @Ehren who can offer some advice. You really don't want my CSS code. 😅

[Baian007]

I do appreciate your support. 

And please, regarding "assign a prefix to a specific category without requiring users to search through hundreds of prefixes to find the right one"

[Marc]

9 minutes ago, Matt said:

Ill tag in @Ehren who can offer some advice. You really don't want my CSS code. 😅

Better than mine 😄

[Ehren]

Hi @Baian007

Adding this to your Custom CSS area will add a side column to your login page, only on pages wider than 980px. I hope that helps!

/* Add a side column to login form */
@media (min-width: 980px){
  .cLogin_single{
    max-width: none;
  }
  .cLogin_single .ipsBox{
    --image-width: min(400px, 40%);
    padding-inline-end: var(--image-width);
    position: relative;
    overflow: hidden;
  }

  .cLogin_single .ipsBox::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    inset-inline-end: 0;
    background-color: #222;
    background-image: url("https://site.com/image.jpg");
    background-size: cover;
    background-position: 50%;
    width: var(--image-width);
  }
}