This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
Our next available supporter will start replying to tickets in about 1.70 hours from now. Thank you for your understanding.
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|---|---|---|---|---|---|
| - | 7:00 – 14:00 | 7:00 – 14:00 | 7:00 – 14:00 | 7:00 – 14:00 | 7:00 – 14:00 | - |
| - | 15:00 – 16:00 | 15:00 – 16:00 | 15:00 – 16:00 | 15:00 – 16:00 | 15:00 – 16:00 | - |
Supporter timezone: Europe/London (GMT+01:00)
This topic contains 2 replies, has 2 voices.
Last updated by aaronT 4 years, 7 months ago.
Assisted by: Nigel.
Nigel
Languages: English (English ) Spanish (Español )
Timezone: Europe/London (GMT+01:00)
Hi there
The issue has nothing to do with the custom code you added to register a custom shortcode.
I did notice one problem. Look at the screenshot. You should be able to see from the code highlighter that something is broken, namely the red closing types shortcode.
That's because the output="raw" attribute is added with double quotes, breaking the url attribute of your show_file_info custom shortcode.
I changed that to use single quotes.
It doesn't fix the issue of the alignment of the captions, though.
That's because you don't have any CSS rules to make the captions appear below the images.
You have an anchor tag containing the image, followed by the text of the caption.
The anchor tag is an inline element, i.e. it doesn't force a new line, unlike a block-level element such as a div or a p tag.
And the text of the caption isn't inside it's own block level container such as a p tag either.
Hence the image and text are displayed inline together.
You need to add CSS to make the a tag a block level element, or you need to update the markup in your template so that you surround the custom shortcode in a block level element such as a div or p tag.
That would bring the text underneath the image. You may still need to tweak paddings or margins, to your taste.
