Difference between revisions of "Inserting photos into pages and blog articles"
From Spiffy Stores Knowledge Base
(Created page with 'Spiffy Stores uses CSS classes to control how images are displayed in your blog. Small left aligned images use the class “left” to get them to display on the left side of the…') |
|||
| (3 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | Spiffy Stores uses CSS classes to control how images are displayed in your blog. Small left aligned images use the class “left” to get them to display on the left side of the text you’ve entered. | + | Spiffy Stores uses CSS classes to control how images are displayed in your blog. Small left aligned images use the class “left” to get them to display on the left side of the text you’ve entered. |
| − | Similarly, small right-aligned images should use the class "right" to get then to display on the right side of your text. | + | Similarly, small right-aligned images should use the class "right" to get then to display on the right side of your text. |
| − | Large images that fit the width of your page do not need to have a style associated with them. | + | Large images that fit the width of your page do not need to have a style associated with them. |
| + | |||
| + | Instructions on how to embed images can be seen in just about every theme demo store. Below are links to individual instructions in the minimal theme store: | ||
| + | |||
| + | *[http://getminimal.spiffystores.com/blogs/using-the-minimal-theme-in-your-store/736-how-to-use-the-lightbox-features-to-insert-photos-into-pages-blogs Inserting a large image] | ||
| + | *[http://getminimal.spiffystores.com/blogs/using-the-minimal-theme-in-your-store/2399-left-aligned-image Inserting a small left-aligned image] | ||
| + | *[http://getminimal.spiffystores.com/blogs/using-the-minimal-theme-in-your-store/2400-right-aligned-image Inserting a small right-aligned image] | ||
| + | |||
| + | <br> | ||
| + | |||
| + | === Using the built-in lightbox function === | ||
| + | |||
| + | All Spiffy Stores themes also have the ability to use the light-box function, so that images can be clicked on to view a larger “zoomed” image. Links to demonstrate the light-box function are below: | ||
| + | |||
| + | *[http://getminimal.spiffystores.com/blogs/using-the-minimal-theme-in-your-store/736-how-to-use-the-lightbox-features-to-insert-photos-into-pages-blogs Inserting a large image using lightbox] | ||
| + | *[http://getminimal.spiffystores.com/blogs/using-the-minimal-theme-in-your-store/2398-left-aligned-image-with-lightbox Inserting a small left-aligned image with lightbox] | ||
| + | *[http://getminimal.spiffystores.com/blogs/using-the-minimal-theme-in-your-store/2401-right-aligned-image-with-lighbox Inserting a small right-aligned image with lightbox] | ||
Latest revision as of 10:10, 15 June 2011
Spiffy Stores uses CSS classes to control how images are displayed in your blog. Small left aligned images use the class “left” to get them to display on the left side of the text you’ve entered.
Similarly, small right-aligned images should use the class "right" to get then to display on the right side of your text.
Large images that fit the width of your page do not need to have a style associated with them.
Instructions on how to embed images can be seen in just about every theme demo store. Below are links to individual instructions in the minimal theme store:
Using the built-in lightbox function
All Spiffy Stores themes also have the ability to use the light-box function, so that images can be clicked on to view a larger “zoomed” image. Links to demonstrate the light-box function are below: