Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 12, 2015 at 12:20 am #394779
    Cinema4Diva

    Hi, I’ve tried to make the caption heights the same. I would like all gallery item captions to stay consistently the same height relative to one another as the screen size changes.I’ve used <br> to try to accomplish this as I read it as a solution in another post. It works for one screen size but as you go to tablets or resize your screen it falls apart.
    Here is the website address. http://www.ceclef.org
    Thank you for your help!
    Kathy

    February 12, 2015 at 6:40 pm #395230
    Yigit

    Hi Kathryn!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 767px) and (min-width: 660px) {
.av-inner-masonry-content-pos {
width: 85%;
margin: auto;
}}

    Regards,
    Yigit

    February 14, 2015 at 1:16 am #396067
    Cinema4Diva

    Thank you for your quick response! I entered the css and when I resize it still makes the caption boxes uneven. I tried it with and without the <br> tags. I’m looking at the March and Gala pages [http://www.ceclef.org/gala and http://www.ceclef.org/march%5D. Thank you again for your help. Let me know if you need admin rights.
    Kathy

    February 16, 2015 at 6:00 am #396523
    Rikard

    Hi!

    Try the following in Quick CSS:

    .av-masonry-entry .av-inner-masonry-content {
height: 410px !important;
}

@media only screen and (max-width: 480px) {
.av-masonry-entry .av-inner-masonry-content {
height: auto !important;
}
}

    You can try to adjust the number 410 if you think its too high or low.

    Regards,
    Rikard

    February 17, 2015 at 1:44 am #397191
    Cinema4Diva

    Thank you so much for your help! you rock!
    kathy

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Masonry Gallery Caption consistent height’ is closed to new replies.