Wed, 2023-02-22 12:12
Hello there.
I want the white opaque box on this page hero https://www.onegoaldrivingschool.co.uk/ to have a uniform padding of 33px around the text rather than stretching off to the right.
.hero-1 {
background-color: white;
opacity: 0.8;
padding: 33px;
font-size: 22px;
}
Wed, 2023-02-22 12:24
#1
(here is html)
<div class="hero-1"> <h1> {{post_title}} </h1> <ul> <li><a href="https://www.onegoaldrivingschool.co.uk/contact/">Lessons £38 per hour</a></li> <li><a href="https://www.onegoaldrivingschool.co.uk/contact/">Gift Vouchers Available</a></li> <li><a href="http://www.onegoaldrivingschool.co.uk/motorway-tuition/">Motorway Tuition</a></li> <li><a href="https://www.onegoaldrivingschool.co.uk/contact/">Refresher Lessons</a></li> <li><a href="https://www.onegoaldrivingschool.co.uk/driving-lesson-cancellation-policy/">Driving Lesson Cancellation Policy</a></li> </ul> </div>
Wed, 2023-02-22 14:21
#2
Solved
.hero-1 { background-color: white; opacity: 0.8; padding: 33px; font-size: 22px; width: -moz-fit-content; width: fit-content;
}