Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1417686

    I’ve done this in the past but I’ve forgotten how I did it.

    This is an example of the code that was generated:

    [caption id="attachment_1688" align="alignright" width="300"]<img class="wp-image-1688 size-full" src="https://xxxxx.au/wp-content/uploads/2022/12/2022-10-24_15-41-38-01.jpg" alt="" width="300" height="198" /> Thisis the Content.[/caption]
    
    Hope that makes sense.
    
    #1417767

    Hey John,

    Are you adding your images using the default WordPress editor? If so, then it will give you an option to add a caption while you are adding it. If that is not what you are looking to do, then please try to explain your intentions a bit further.

    Best regards,
    Rikard

    #1417930

    Sorry for the poorly worded question.
    I’m using the Advanced Layout Editor. Is there a way to add captions under images in Pages and Posts using the Advanced Layout Editor?

    #1417975

    Hi,
    If you have enabled the Image Caption for your ALB image element:
    Enfold_Support_3134.jpeg
    you can use this css to move it to the bottom:

    .av-image-caption-overlay {
      bottom: -20px !important;
      font-size: 10px !important;
      height: auto !important;
      left: 50% !important;
      transform: translate(-50%) !important;
      width: 100% !important; 
      text-align: justify !important;
    }

    Enfold_Support_3136.jpeg
    Best regards,
    Mike

    #1417992

    Beautiful. Thank you Mike.

    #1417993

    One thing though. Changes to the font size in that CSS do not resolve on the site. I’ve reloaded the page.

    #1418046

    Hi,

    Thanks for the update. That image is added in Text Block using the default WordPress editor. Are you looking to modify the default WordPress captions as well? If so, then how?

    Best regards,
    Rikard

    #1418216

    I inserted the image from a Text Block window in the Advanced Layout Editor.
    In your CSS you have font-size: 10px !important;
    As you’ve got the “!important” property value in the element I thought that I would just have to change the pixel size in that Quick CSS.

    #1418223

    Hi,
    To change that font-size try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top .wp-caption-text {
        font-size: 12px;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1418230

    Awesome. Thank you Mike. You may close this ticket.

    #1418239

    Hi!

    Glad to know that this has been resolved. Please do not hesitate to open another thread if you have more questions about the theme.

    Have a nice day.

    Regards,
    Ismael

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Placing captions UNDER images’ is closed to new replies.