.toc {
background: linear-gradient(to right, #f35597, #f53959);
border-radius: 8px;
padding: 20px;
color: #fff;
font-family: 'Poppins', sans-serif;
display: flex !important;
flex-wrap: wrap !important;
}
.toc h2 {
margin-top: 0;
font-weight: 700;
width: 100% !important;
}
.toc ul {
list-style-type: none !important;
padding-left: 0 !important;
width: 50% !important;
box-sizing: border-box !important;
}
.toc li {
margin-bottom: 10px !important;
}
.toc li a {
color: #fff !important;
text-decoration: none !important;
}
.toc a:hover {
text-decoration: underline !important;
}
@media (max-width: 768px) {
.toc {
padding: 15px !important;
}
.toc h2 {
font-size: 20px !important;
}
.toc li {
font-size: 14px !important;
}
.toc ul {
width: 100% !important;
}
}
@media (max-width: 480px) {
.toc {
padding: 10px !important;
}
.toc h2 {
font-size: 18px !important;
}
.toc li {
font-size: 12px !important;
margin-bottom: 5px !important;
}
}
Quick Jumplinks
Where Is Liverpool Located?
Where To Stay In Liverpool?
How To Get From London To Liverpool
London to Liverpool By Train
London to Liverpool By Car
London to Liverpool By Bus
Frequently Asked Questions
Where Is Liverpool Located?
Liverpool is located in northwest England, within the county of Merseyside. This is where River Mersey meets the Irish Sea.
8 Best Things To Do In Liverpool
.custom-cta {
display: block; /* Makes the whole area clickable */
position: relative; /* For positioning the text over the image */
width: 100%; /* Ensures responsiveness */
max-width: 1200px; /* Maximum width */
margin: auto; /* Center the CTA */
text-align: center; /* Center the text */
border-radius: 20px; /* Optional: if you want rounded corners */
overflow: hidden; /* Ensures nothing overflows the rounded corners */
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Optional: for a slight shadow */
transition: transform 0.3s ease; /* Optional: for a hover effect */
}
.custom-cta:hover {
transform: translateY(-5px); /* Optional: slight hover effect */
}
.custom-cta img {
width: 100%; /* Makes the image responsive */
height: auto; /* Maintain aspect ratio */
display: block; /* Remove inline spacing */
}
.custom-cta span {
position: absolute; /* Overlay text on the image */
left: 50%; /* Center horizontally */
top: 50%; /* Center vertically */
transform: translate(-50%, -50%); /* Align the center of the element with its position */
font-family: 'Poppins', sans-serif; /* Specified font */
font-size: 28px; /* Specified font size */
color: white; /* Text color */
padding: 0.5em 1em; /* Padding around the text */
background: rgba(0, 0, 0, 0.5); /* Semi-transparent background for better visibility */
border-radius: 10px; /* Rounded corners for the text background */
text-decoration: none; /* Removes underline from links */
}
/* Responsive font size adjustments */
@media only screen and (max-width: 768px) {
.custom-cta span {
font-size: 24px; /* Smaller font size for tablets */
}
}
@media only screen and (max-width: 480px) {
.custom-cta span {
font-size: 20px; /* Even smaller font size for mobile phones */
}
}
/* Ensures consistency in box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}
/* Include the Poppins font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
Where To Stay In Liverpool?
Liverpool boasts a range of different types of accommodation. CuddlyNest offers a well-curated list of the best hotels for every style and budget. Click here to find your next stay in Liverpool!
How To Get From London To Liverpool
London to Liverpool By Train
KEY INFO
