Skip to content

P
Printrun
Commit dc4b530b authored by Guillaume Seguin's avatar Guillaume Seguin
Browse files
Options

More CSS improvements for the carousel caption

parent de6b6c7b
Show whitespace changes
Inline Side-by-side
Showing with 5 additions and 8 deletions
css/printrun.css
View file @ dc4b530b
...@@ -267,8 +267,8 @@ h2 { ...@@ -267,8 +267,8 @@ h2 {
-------------------------------------------------- */ -------------------------------------------------- */
/* Carousel base class */ /* Carousel base class */
.carousel { .carousel, .carousel .item {
height: 500px; max-height: 500px;
} }
/* Since positioning the image, we need to help out the caption */ /* Since positioning the image, we need to help out the caption */
.carousel-caption { .carousel-caption {
...@@ -276,6 +276,7 @@ h2 { ...@@ -276,6 +276,7 @@ h2 {
width: 768px; width: 768px;
margin-left: -384px; margin-left: -384px;
margin-right: auto; margin-right: auto;
padding-bottom: 30px;
left: 50%; left: 50%;
right: auto; right: auto;
} }
...@@ -324,10 +325,6 @@ h2 { ...@@ -324,10 +325,6 @@ h2 {
border-width: 2px; border-width: 2px;
} }
/* Declare heights because of positioning of img element */
.carousel .item {
height: 500px;
}
.carousel-inner > .item > img { .carousel-inner > .item > img {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
...@@ -348,8 +345,8 @@ h2 { ...@@ -348,8 +345,8 @@ h2 {
@media (max-width: 768px) { @media (max-width: 768px) {
.carousel-caption { .carousel-caption {
width: 600px; width: 540px;
margin-left: -300px; margin-left: -270px;
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment