Help With CSS Classes in RWC

Is there some written help out there on how to use CSS Classes and such in RWC? I use Foundry 3. I pasted text-user-sees-to-open-modal into the link box, and it works to open a modal, but then can’t format the label. There is probably a way to put this somewhere else in the CSS sections, but I can’t find any information about how to use the HTML CSS Classes box nor the CSS Code box area.
Just curious if there are help instructions on how to use these areas.
Thanks

This would be the theme your using and would revert you to Foundry 3 I would suggest going to Elixir Graphics documentation

https://foundry.elixirgraphics.com/documentation/#gsc.tab=0

The fields that I mentioned are a part of Rapidweaver, and don’t seem to be specific to any type of theme. I could use one of the standard RW themes and those fields are present. That would be the reason for my question; whether there are any “instructions” somewhere as to how to utilize the CSS Classes box on a stack, and the page CSS Code Box area.

Hi @IdahoSAM Here is a link to classic manual about theme tags. Maybe that could help :face_with_monocle: not sure at all. Your first question was about opening a modal with foundry theme. I don’t understand exactly which field you’re talking about.

These are the two areas that I just can’t find any information about in how to use them. I guess they are fields that Stacks (the CSS Classes box) and RW (where the CSS, Javascript, Body, prefix, etc) use for some kind of coding. It is how to enter information into those fields that I am unsure of, especially as they relate to a stack from whatever developer, irregardless of the platform type (Foundry, Foundation, etc). I have done some simple CSS like applying a border, color, radius, etc, but would like to know more how to, say, take a specific stack like even just a button, and then apply an action to it to affect another stack. Hope that is clear. I would think that RW would have more information on how to do this.

Screenshot 2024-09-16 at 5.58.33 PM

Ah ok. The first one is to put CSS ID from a css class already define (in the second one). It’s RW features.
The second one is where you put the css code you’ve created (or copied from another file, there’s plenty on the net) with is name (aka ID class). You can consider the first one like the address of the second one (refer to…). Hope that helps.

But is there someplace where I can learn, not the simple CSS things, (color, height, text-align, etc-those I can do) but more how to create a class for a control and pass that onto another stack? Has to be instructions somewhere on how to do this.

Here are some great websites to learn how to create CSS classes:

  1. MDN Web Docs (Mozilla Developer Network)
    A comprehensive resource for web development, with detailed tutorials and examples on CSS class creation.

  2. W3Schools
    A beginner-friendly site with interactive tutorials and practical examples for learning how to use CSS classes.

  3. CSS-Tricks
    Offers in-depth articles, tips, and examples to master CSS. Great for learning advanced techniques and class naming methodologies like BEM (Block, Element, Modifier).

  4. freeCodeCamp
    Provides tutorials and hands-on exercises to learn CSS, including how to effectively create and use CSS classes.

  5. Codecademy
    An interactive platform with step-by-step lessons on CSS, helping you understand class creation in web design.

Thanks ChatGPT hope that helps

Thanks @Bruno. I actually have been to several of those sites and have used them for basic CSS functions. I guess I will just need to hammer out how RW accepts the code and where to put it. Again thanks for taking the time to list out references, several of them I was unaware of. :+1:

Hi again,
The principle is simple with RW: in the inspector the page with HTML, CSS, Java, Prefix… is the place to install the code and in the inspector of the stack considered it is HTML or CSS box to indicate the name (class ID) of the CSS code to call and use.
To return to the case you gave at the beginning of the discussion with the modal, you are missing the classes (name and code) created by Adam Shiver for his tools. If one exists for what you want to do then if he communicates it to you you can modify it according to your needs. It is still necessary that the design of Foundry itself allows it. There I cannot inform you because I do not know.
In summary, creating css code and naming it is not of much help if it cannot be applied to the targeted object q.e.d. :rofl:

If I already was not in my early 70’s, I would try to go and take some university classes on this stuff. Again Thanks!

1 Like

Hey I will be in my early 60’s in a few months (well two in fact). One thing I really appreciate these days (I know it’s old to talk like this) is that you can perfectly train yourself on the net with Youtube, video conferences (it would be good to create working groups for passionate amateurs in video conferences and for free), access to information media that we could not approach only 30 years ago (digital libraries), chatgpt which I abuse I know… I am happy to attend all this and to share my questions with others and to help when I can. Happy to have been able to help you a little.