Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Add this to your “Custom CSS” part of the dashboard:
.carousel .item { text-align: center; }
.carousel-caption,
.carousel-caption h1 { display: inline; }
Many thanks, Andrew.
It’s better but still seems a little off-center; slightly to the right. Any idea as to how I may rectify that?
Add margin-left: 0%; to .carousel-caption.
Thanks rdellconsulting. It still doesn’t work, though.
The current link is still showing margin: 11%; which is the root of your problem.
You may not have made the change correctly so try this:
.carousel .item { text-align: center; }
.carousel-caption { display: inline; margin: 0%; }
.carousel-caption h1 { display: inline; }
If that doesn’t work then change the middle item to:
.carousel-caption { display: inline; margin: 0% !important; }
Sorry, missed the -left:
.carousel .item { text-align: center; }
.carousel-caption { display: inline; margin-left: 0%; }
.carousel-caption h1 { display: inline; }
.carousel-caption { display: inline; margin-left: 0% !important; }
Spot on! Thank you so much!