Tagged: 

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • February 1, 2017 at 11:33 pm #741491
    goldengate415

    Hi!

    I am trying to move the caption overlay that appears on top of photos to the bottom of the photo instead of the center. I used this code from support thread 383992 and the caption appears half on the photo and half on the page background, so not inside the photo frame. I tried changing the bottom to different numbers like -40px but that did not seem to help. Thanks!

    /* moving caption on photos to bottom per support 383992 */
    .av-image-caption-overlay {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    bottom: -30px !important;
    color: black !important;
    height: auto !important;
    left: 50% !important;
    transform: translate(-50%) !important;
    width: auto !important;
    }

    February 3, 2017 at 6:28 am #742171
    Rikard

    Hey goldengate415,

    Could you post a link to the page in question so that we can take a closer look please?

    Best regards,
    Rikard

    February 3, 2017 at 6:49 pm #742529
    goldengate415

    Sure! Link to staging site test page with examples is in private content. Thanks for your help!!!

    February 6, 2017 at 8:32 am #743198
    goldengate415

    Hoping you can look at this Monday Europe time as I have to update the staging site Monday pm California time.

    Thanks…!

    February 6, 2017 at 2:54 pm #743390
    Yigit

    Hi,

    Please remove your code and use following instead

    .av-image-caption-overlay-center {
    vertical-align: bottom;
}

    Best regards,
    Yigit

    February 6, 2017 at 5:04 pm #743458
    goldengate415

    Hi Yigit!

    Thanks so much for getting to this.

    I added that to quick CSS and don’t see a change on the staging site (url above)… was I supposed to add it to a php file instead or ?

    Thanks!!!
    Rob

    February 7, 2017 at 1:54 pm #743909
    Yigit

    Hi Rob!

    No, it should have worked in Quick CSS field. Can you please create a temporary admin login and post it here privately so we can look into it?
    Also, please attach a screenshot and show how you would like to display your captions :)

    Best regards,
    Yigit

    February 7, 2017 at 6:08 pm #743999
    goldengate415

    Hi Yigit, thanks for your help! Perhaps another custom css is conflicting?

    Just want the captions to be under the photos…. centered….. like it conventional WordPress themes (2010, 2011, etc…)… Hope that makes sense otherwise I can try to figure out how to do a mockup.

    Thanks!!!

    February 10, 2017 at 1:35 am #745167
    goldengate415

    Hi Yigit, do you think you will have time to look at this before the weekend?

    Thanks!

    February 13, 2017 at 3:16 pm #746436
    Yigit

    Hi,

    I am sorry for the late reply!
    There was unclosed comment in style.css file of your child theme. I fixed it. Please review your website now

    Best regards,
    Yigit

    February 13, 2017 at 5:18 pm #746521
    goldengate415

    Hi Yigit, thank you for your response and no problem, I know you guys are busy. If my site ever throws a front-end error I know you would be all over it right away.

    The change / fix looks great! An un-closed comment, how stupid of me, thank you for finding that.

    One issue remains now — I cannot push staging to production because the staging version of the site is very old now, and production has new content that would be overwritten. I looked and looked (only one cup of coffee so far) and cannot find the un-closed comment in the production side of the site in style.css…can you tell me exactly where you found it or what it was so I can go in and fix it on the production side, then add your code to quick css?

    Thanks!!!!
    Rob

    February 13, 2017 at 5:22 pm #746525
    Yigit

    Hi!

    Thanks for your understanding :)

    I found it in Style.css file but please also check Quick CSS field in Enfold theme options. If it still does not work, please create a temporary admin login and post it here privately.

    Best regards,
    Yigit

    February 13, 2017 at 5:31 pm #746535
    goldengate415

    Thanks…. admin credentials attached. Can you (a) check to see if the unclosed comment is somewhere on the production side, or did I make the mistake as I was trying to add the center caption code on the staging side? and then (b) add your new wonderful code that works great to the production side.

    Thanks!

    Rob

    February 13, 2017 at 5:34 pm #746537
    Yigit

    Hi!

    I fixed the same issue on that site. It was on “Mobile menu hamburger” on comment. Please review your website now :)

    Cheers!
    Yigit

    February 13, 2017 at 5:41 pm #746540
    goldengate415

    Thank you! I went to the site and added a test page and the caption didn’t move… then realized I still needed to add the code above to the quick css? So I did that and the caption is precisely where I want it to be. Thank you so much!! Just wanted to confirm that code
    .av-image-caption-overlay-center {
    vertical-align: bottom;
    }

    wasn’t already added somewhere else?

    Thanks again for your help!!!

    February 13, 2017 at 5:44 pm #746541
    Yigit

    Hey!

    I did not added it on the second site, i just fixed the issue.
    Not at all! :) Let us know if you have any other questions or issues

    Regards,
    Yigit

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Move Caption To Bottom of Photo’ is closed to new replies.