Difference between revisions of "Inserting photos into pages and blog articles"
From Spiffy Stores Knowledge Base
| Line 7: | Line 7: | ||
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: | 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: | ||
| − | *Inserting a large image | + | *[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/2399-left-aligned-image Inserting a small left-aligned image] |
| − | *Inserting a small right-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> | <br> | ||
| Line 17: | Line 17: | ||
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: | 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: | ||
| − | *Inserting a large image using lightbox | + | *[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/2398-left-aligned-image-with-lightbox Inserting a small left-aligned image with lightbox] |
| − | *Inserting a small right-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: