.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 Capri Located?
Rome To Capri On A Tour
Rome To Capri By Car And Ferry
Rome To Capri By Train And Ferry
Frequently Asked Questions
Where Is Capri Located?
While there are many sites to visit in southern Italy, Capri is truly a must-see location. It’s no surprise that the island is one of Italy’s most popular tourist destinations, with breathtaking panoramic views of the deep-blue sea and colorful hilltop villages.
Capri is located in the Campania region on the southern edge of the Gulf of Naples in the Tyrrhenian Sea. It’s a famous vacation spot that draws a large number of visitors from all over the world.
Things To Do In Capri, Italy
.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');
From Rome To Capri: 3 Ways To Travel
Rome To Capri On A Tour
Travel Time 13 hours
