‹ Home
Exported

Agatha - Miami, FL

Gary Smith, Web Department Director at DiocesanBlake Stapleton, Web Designer at DiocesanVeronica Alvarado, Project Manager at DiocesanKyle Brown, Web Development at DiocesanLily Rodriguez-Vega, St. Agatha StaffMary Goeldel, DiocesanKyle Sullivan, Web Development at DiocesanSam Pohlman, Web Developer at DiocesanNathalie Shultz, Web ConsultantCody Armock, Web Content Specialist at DiocesanAlan Snodgrass, DiocesanMarcus Borger, Developer at Diocesan_SupportRyan Hoch, Web at DiocesanRachel Tupper +2 others
From the list: Build

✔ Bulleted List Indentations and color

Cody A. added this on
Completed by Kyle S.
Assigned to
Kyle Sullivan, Web Development at Diocesan Kyle S.
Notes
https://school.agatha.diocesanweb.org/programs-services/
About us Proof
Programs & Services Proof
The bulleted list/unordered list/<ul> on the programs page 1st link above doesn't need the indentation/ left margin. The design, aka Blake, wants them to be aligned with everything else. The About Us Proof above shows a Numbered/Ordered list/<ol>, which I was able to work around in order to make it look like the design, but it is not a list, but rather a paragraph, but the spacing indicates that it isn't a list anyway, so not sure on the ordered list one in About Us. Blake may know about it.

Also, the colors of the dots too, not sure if those are changeable or just static and you gotta deal with it, but if you could make them the site color: #0271B0 that would be great.
MAKE IT ACROSS THE WHOLE SITE...for now.
Thanks
image.png 433 KB • Download

Comments & Events

Kyle Sullivan, Web Development at Diocesan Kyle Sullivan, Web Development
I fixed the styling for all lists in this site's body with the following CSS in sass/elements/_lists.scss.
ul, ol {
  padding-left: 1.25em;
  margin: 0 0 1.5em;
}

ul {
  list-style: disc;
}

…

.site-content ul {
  list-style: none;
  li::before {
    display: inline-block;
    content: "\2022";
    color: $primary;
    width: 1em;
    margin-left: -1em;
  }
}
Notified 1 person
Kyle Sullivan, Web Development at Diocesan
Kyle Sullivan completed this to-do.
Cody Armock, Web Content Specialist at Diocesan
Cody Armock re-opened this to-do.
Kyle Sullivan, Web Development at Diocesan
Kyle Sullivan completed this to-do.