Divider below the heading title in the footer section ( Dawn Theme)

[dreamtechzone_5]

Hello Everyone!

I am using Shopify Dawn theme. I want to place the divider below the heading title in the footer section of my website. Also, I want to keep the divider color #CEE5F2. I want the white emoji. I want to keep the divider exactly like this image.

Store: https://dream-tech-zone.myshopify.com/

Password: Admin

[pooja_d_92]

Hey @dreamtechzone_5

Please share website link.

Thank you

[dreamtechzone_5]

Store: https://dream-tech-zone.myshopify.com/

Password: Admin

[pooja_d_92]

Please use this code in base.css file

footer.footer .footer-block h2.footer-block__heading {
position: relative;
}
footer.footer .footer-block h2.footer-block__heading:after {
content: “”;
position: absolute;
bottom: -50%;
left: 0;
width: 100%;
max-width: 60px;
height: 2px;
background: #CEE5F2;
}

Thanks

[pooja_d_92]

Okay, use this code for that

@media (max-width: 749px){
footer.footer .footer-block h2.footer-block__heading:after {
bottom: 10%;
top: auto;
}
}

[dreamtechzone_5]

Thank you so much. Can you make these texts dark white?

[pooja_d_92]

Okay Sure, Please use this code for text color:

.footer-block__brand-info p {
color: #fff;
}

[dreamtechzone_5]

I appreciate it. One more thing I want the white emoji. I want to keep the emoji exactly like this image.

Thank you.

[pooja_d_92]

Sure, for that need to access your code and update some theme code.
Feel free to Like and reply to reach you further