-
AuthorPosts
-
March 22, 2015 at 10:36 pm #204914
Please, how can I center verticaly the image in parallax on the homepage? I would like to have images in parallax sections – Poslechněte si and Poznejte náš sbor – verticaly centered but I´m not able to reach it. I used class “.vystredit” for it –
.vystredit { vertical-align: middle; }
and put it to custom.css and to the div where image belongs – but it didn´t worked 🙁 Please do you have some tip how to make it? Thank you!Pankaj Sharma ModeratorPankaj Sharma
- Join date:
- February 2015
- Posts:
- 24589
- Downloads:
- 144
- Uploads:
- 202
- Thanks:
- 127
- Thanked:
- 4196 times in 4019 posts
March 23, 2015 at 2:18 am #564154Hello
Try this
Apply below property on the image in source code :
float: none;
margin-right: auto;
margin-left: auto;
}
image code
<img src="/liberec/web/images/liberec/lide/pavel_kaze5.jpg" alt="" style="
float: none;
margin-right: auto;
margin-left: auto;
">Output >>> http://prntscr.com/6k6x9p
March 23, 2015 at 6:51 am #564194Thank you pankajsharma, but I wanted center image VERTICALLY. As I can see the result – now its centered horizontally 🙂 Please, can you help me with vertical alignment? Thank you!
Pankaj Sharma ModeratorPankaj Sharma
- Join date:
- February 2015
- Posts:
- 24589
- Downloads:
- 144
- Uploads:
- 202
- Thanks:
- 127
- Thanked:
- 4196 times in 4019 posts
March 23, 2015 at 7:54 am #564200Hello
Add the below code in your custom.css file
@media screen and (min-width: 768px) {
.section.parallax.section-image.inview .img-left {
top: 50px!important;
}
}
Adjust the value 50px as per you need in above code .
Clear cache and check.March 23, 2015 at 1:05 pm #564241Thank you, pankajsharma! I added the code above and it looks good! Can I have one more question? I would like to have smaller white place after text and image in this mentioned parallax “Poslechněte si kázání”. Place above text and image is OK, but after them is too large. Can you help me with this also? You can see the bigger white space on the screenshot – http://ctrlv.cz/LHl6. Thank you!
Pankaj Sharma ModeratorPankaj Sharma
- Join date:
- February 2015
- Posts:
- 24589
- Downloads:
- 144
- Uploads:
- 202
- Thanks:
- 127
- Thanked:
- 4196 times in 4019 posts
March 23, 2015 at 1:12 pm #564242Hello
If you want to reduce the height of this module add below code
in custom.css file reduce the value of height in below code
.section.parallax.section-image {
min-height: 523px!important;
}
It will reduce the white space below on bottom part of module.
1 user says Thank You to Pankaj Sharma for this useful post
-
AuthorPosts
This topic contains 6 replies, has 2 voices, and was last updated by Pankaj Sharma 9 years, 9 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum