[Ann]

There was a picture there but I didn’t want to use theirs so I deleted it. Now I do not know how to put my own there. It doesn’t have an option for a widget.
Thank you!
Ann

[Zed]

If you’re referring to the extra text fields on the presentation page, you’ll need to type in the HTML code for the image yourself:
<img src="path/to/my/image-file.jpg" title="" alt="" />The rest of my text...

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Katie]

Zed, how do you align those images in the extra text field? Also, how do you add spaces between multiple images. The &nbsp tag is showing on the website in all browsers when I use it.

[Zed]

Katie, did you use &nbsp or &nbps; (the correct one).

Alignment, spacing need to be handled at the styling level. You can either replicate WordPress’ styling (add class=”align[left|center|right|none]” to the image) or write your own styling and place it in the custom CSS field in the theme (or your preferred custom styling location).

For extra spacing, wrap your paragraphs of text in <p>paragraph tags</p>

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Katie]

Thanks for pointing out the correct tag for non breaking space. Still no luck as the tag itself shows up on the site.

I used the <p>paragraph tags</p> but the images then stack vertically.

I am trying to get three images in the Extra Text field to be evenly spaced horizontally and also centered.

I am not really sure how to use WordPress’ styling for the image itself, and although there is a Custom CSS field under Mantra settings, I am not entirely sure what the full code would be for that field.

I am a novice and I can work with the Mantra theme as is, but this particular issue is getting under my skin.

If you have any other tips, please post, otherwise I will keep digging.

Thank you.

[Zed]

The code should be similar to:

<p>This is a block or text... it may or may not exist</p>
<img src="...." class="aligncenter">
<p>This is another block of text that may or may not exist in your usage scenario</p>

You can also have extra tags present (headings, text formatting). The only important element is the class declaration on the image.

The image class can be any of: alignleft, aligncenter, alignright, alignnone (depending on the desired alignment).

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Author]

Posts