Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #741491

    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;
    }

    #742171

    Hey goldengate415,

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

    Best regards,
    Rikard

    #742529

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

    #743198

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

    Thanks…!

    #743390

    Hi,

    Please remove your code and use following instead

    . (Purchase code hidden if logged out)  {
        vertical-align: bottom;
    }

    Best regards,
    Yigit

    #743458

    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

    #743909

    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

    #743999

    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!!!

    #745167

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

    Thanks!

    #746436

    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

    #746521

    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

    #746525

    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

    #746535

    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

    #746537

    Hi!

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

    Cheers!
    Yigit

    #746540

    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
    . (Purchase code hidden if logged out) {
    vertical-align: bottom;
    }

    wasn’t already added somewhere else?

    Thanks again for your help!!!

    #746541

    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

Viewing 16 posts - 1 through 16 (of 16 total)

The topic ‘Move Caption To Bottom of Photo’ is closed to new replies.