juncture-digital / juncture

Juncture web application
MIT License
0 stars 0 forks source link

.ve-style not pulling in custom CSS stylesheet #17

Open Lore3581 opened 1 year ago

Lore3581 commented 1 year ago

I'm trying to get a Juncture page to reference an external style sheet using the instructions provided here: https://www.juncture-digital.org/#/styling/general

I have tried all of the following in my "custom.css" file:

juncture body { font-family: Montserrat; }

juncture h1 { color: #BF0A31; font-family: Montserrat; }

juncture { font-family: Montserrat; }

body { font-family: Montserrat; }

h1 { color: #BF0A31; font-family: Montserrat; }

As well as these two versions in the page I'm trying to render:

.ve-style .https://da4asandbox.github.io/cameronessay-organization/custom.css

.ve-style ./custom.css

< link rel="stylesheet" href="https://da4asandbox.github.io/cameronessay-organization/custom.css" > (spaces weren't included in the original)

This is the first time I have created a custom css page from scratch — am I missing a step, or is there an error in the syntax I've included above?

Thank you so much for any time and help!

nickoal commented 1 year ago

Hey Juncture team! Thanks so much for you help and support so far! Lore and I have looked over this css and are struggling to get it working. Any chance you can offer advice? Likely a small error we're missing! Thanks so much!

rsnyder commented 1 year ago

There was a bug in the way Juncture was handling external stylesheets. A fix for that has been found and deployed to the live site. Please try this again.

Lore3581 commented 1 year ago

Good afternoon,

I just tried to start building out a custom CSS stylesheet again—and the previous process that was working no longer seems to be.

While the following pages were rendering stylesheets correctly previously, they no longer are pulling in the stylesheet's specifications:

Here's the only style sheet instruction both of them have been given:

#juncture h1 {
  color: red;
  margin-top: 5px;
}

And here's the .ve tag at the top: .ve-style ../custom.css

Thank you!