Can someone point me to where I can input css code which I could then access in the Advanced CSS text box?
For a simple example
bkg-color {
background-color: red;
}
Then I can put bkg-color in the Advanced CSS textbox.
I can not figure out where that (even simple) code would go. I tried to create an HTML component, and then under the Styles tab, enter that information. That didn’t work. The Bot didn’t help me as well.
Thanks
Do you want this CSS code to be accessible site wide or on a specific page?
If on a page you can select the page in the page inspector, then down at the bottom there is an EDIT EXTRA CODE button where it will allow you to add CSS for that page.
Page wide for now. I selected a page, and then looked over to the right at the Inspector icon. Without any components on the page selected, the text in the pane states no selections. If a component on the page is selected, then of course I see all the different options I can select for that component. I don’t see anything that allows me to add anything to the page. The Bot kept telling me to select the cog, but the different “cogs in the app, don’t open up anything where I could add code. Do you have a screenshot of what you are seeing?
Eventually I also want to learn how to insert tailwind code to a page. and of course, I will need to find out where to put that, except maybe in an HTML component.
This information is displayed in the PAGE settings panel, see below.
If you don’t have this panel visible, right-click on the page inspector header and select it from the Panels menu item.
Tailwind code can go directly in the Advanced property, unless there is a lot of it, then it would go in the same location as the CSS code, in the page extra code. It will want to be placed in the correct location for the page, start, end, etc. If it is sitewide, it would need to be placed in the project template. Which can be accessed from the Project Settings.
Thank you. That little button was not intuitive for me, but now it is. I will have to play with this more.
