• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WriteNowDesign - Wordpress and Ecommerce Website Design

WordPress, Joomla, Ecommerce Website Design

  • Home
  • Prices/Packages
  • WordPress
  • Services
  • Portfolio
  • Blog
  • About
    • Testimonials
    • Locations
    • Online Payment
  • Contact
  • Show Search
Hide Search

Call 303-907-6133 Email

Joomla JCE Content Editor Format Menu

Joomla Articles: To add an image to a Joomla article

June 18, 2009 by Pat Fortino

This tutorial explains how to add an image to a Joomla article.

Important – This procedure requires that you have JCE Content Editor ( http://www.joomlacontenteditor.net/ )installed.
Generally, images cannot be wider than 500px. Check with your website designer if you don’t know the maximum width for your article images. If you need to add an image larger than 500px, see To add a pop-up image to a Joomla article.

  1. In an open article, add a new paragraph.
    To add a new paragraph, put your cursor at the end of an existing paragraph and click Enter. If the paragraph is a heading 1, 2, etc, on the Format menu, click Paragraph.Joomla JCE Editor Format Menu
  2. With your cursor in the new, blank paragraph, click Insert/Edit Image.Joomla JCE Editor: Insert/Edit Image
  3. Click the images folder and then click the image you want to use.Joomla JCE Editor: Upload ImageNote – If you want to upload an new image, from the image directory, click Upload and then navigate to the file on your local machine.
  4. Add the following settings to the Image Managerdialog box.Joomla JCE Editor: Image Manager Settings
    – In the Description box, enter a description. Title and Descriptioncan be the same. Use something descriptive to help search engines.- In the Title box, enter a title. Title and Description can be the same. Use something descriptive to help search engines.

    – In the VSpace box, delete the text.In the HSpace box, delete the text.

    – Or, if you don’t have css styles to float image to right or left, use the JCE Alignment to specify left or right.Joomla JCE Editor: Image Floated Left
    Image Floated to the Left

  5. If you want the image to float right of the text, place your cursor in the text paragraph where you want to start the float and select img-border-fr from the ClassList.JCE Joomla Content Editor: Image Floated RightImage Floated to the Right
  6. Click Insert to add the image.
  7. (Optional) If you want to add a caption:- Add a paragraph below the image.- Type the caption text.

    – With your cursor in the caption paragraph, in the Styles box, select Caption.

    JCE Joomla Content Editor: Style Selector

    JCE Joomla Content Editor: Style Selector

     

  8. Click Apply and then in a different browser screen, open that page on your live website to see the changes.

Comments are closed. If you have information to share, contact me here.

Previous Post: « Joomla Articles: To restore a Joomla article/content item from the Trash
Next Post: Joomla Articles: To add a pop-up image to a Joomla article »

Related

Primary Sidebar

Blog Categories

Call Today

Get a Free Quote

303-907-6133

Subscribe to News

News about WordPress, WooCommerce, & Technology

What’s New

  • WPForms Not Sending Notifications
  • Add Terms and Conditions WooCommerce
  • Fix WordPress AMP Validation Errors
  • Use the Classic Editor with Gutenberg Block Editor
  • Add a Message at Top or Bottom of WooCommerce Checkout Page
  • How to Link to a PDF in WordPress

Find Us On…

  • Facebook
  • LinkedIn
  • RSS

Call 303-907-6133 Email

© 2004–2023 · WriteNowDesign · Sitemap · Log in · Return to Top