Span Class Code Not Working

  • Jules Play

    (@jules-play)


    9 years ago

    Hi –
    I’m creating a google font control. In the code below, the first span class “youth” works, but the second “youth2” does not. Can you see what I am doing wrong? Thank you for your time.

    <p style=”text-align: center;”><span class=”youth”>[spacer height=”10px”]All Saints Catholic Church
    Youth Ministry</span></p>
    <img class=”wp-image-798 aligncenter” src=”https://allsaintsmke.org/wp-content/uploads/2016/02/cloth-300×27.png&#8221; alt=”cloth” width=”489″ height=”44″ />
    <p style=”text-align: center;”><img class=”alignnone wp-image-800″ src=”https://allsaintsmke.org/wp-content/uploads/2016/02/picture.jpg&#8221; alt=”picture” width=”524″ height=”218″ /></p>
    <p style=”text-align: center;”><span class=”youth2″>Youth Ministry Members</span></p>
    <p><span class=”youth3″>Front Left: Sabina Lofton, Zoe Ashley, Josephine Munywanyi, Emelyne Nshimirimana, Mathias Munywanyi. Left Back: Ruth Fetaw, Olivia Keenan, Chiemeka Chioma, Joey Lofton, Ezedike Chioma, Fadhili Niyimona, Victor Nwagbaraocha, Chibueze Chioma, Andrew Munywanyi. Not Shown: Anna Niyokwizera, Feven Gebrezgabin, Mariam Maniratanga</span></p>

Viewing 3 replies - 1 through 3 (of 3 total)
  • Michael

    (@alchymyth)

    can you post a link to your site?

    do you have the .youth2 CSS class in your styles?

    Thread Starter Jules Play

    (@jules-play)

    https://allsaintsmke.org/faith-formation/youth-ministry/ ?

    I set up a google font control – not a CSS Class in Styles. I have others that work. Just don’t know why this done doesnt.

    Michael

    (@alchymyth)

    you need to add a dot before the class name – the section below is as seen in the code from the browser:

    below, .youth is correct, youth2 is missing the dot, same with youth3:

    .youth {
							font-family: 'Aclonica'; font-size: 26px; font-style: normal; font-weight: 400; 						}

																										youth2 {
							font-family: 'Aclonica'; font-size: 10px; font-style: normal; font-weight: 400; 						}

																										youth3 {
							font-family: 'Aclonica'; font-size: 27px; font-style: normal; font-weight: 400; 						}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Span Class Code Not Working’ is closed to new replies.