Hello Lovely! I promised you o would give you a detailed tutorial on how to add a workshop to your page. So this morning I had to go in and set the page up so that it would be evenly spaced when you go to do it on he online or local section. While I was in there I took the screenshots needed to teach you!
First things first. You will log in and go to edit that page. Once your there and able to edit you will go all the way to the right side and hover over the area next to the last workshop until you see your little teardrop with the line spanning the width that your new workshop will be.
Now you will click on the teardrop and look for the selection to add an image.
When you add your image do not forget to hide the caption in that little dropdown menu, and add the title of the image for SEO purposes. Like for this image I would type introduction to calm birth | Sweet Stella's Local Workshops.
Next you are going to add your text.
Hover just below your image so that you see the short line. Then add a text block. This time I actually recommend you copying the text from the workshop next to it and pasting in the text.
Once you do that then simply change the text line by line. I say to do it this way because if you erase it and just type it the spacing will change. I went a certain route to ensure it looked less spaced out on this page.
Now your ready to apply your button! Follow the same steps you always do by clicking the teardrop that has the right size line next to it. Only this time your going to scroll down a bit and look for the button option.
When you click it the button will look all wrong! Don't worry. I'm about to tell you how to set that up as well! It's super easy.
Now that the button options panel is open we will set it up. First you will type Email For More Info! in the button text box. Next you will change the clickthrough email in that darker box. We used the email for the shop the workshop is being held at by typing mailto:shopemailhere. Obviously you type their email there, but I don't know it off the top of my head. Haha. Now you click open in new window and that part is saved. Last but not least we will change the appearance of the box by going to the dropdown menu and clicking small! Voila! Your button is set up.
Now you may notice that your workshop is sitting lower than the rest. To fix this we remove the spacer.
Simply hover over the blank space and click the trash can option and it's gone. Now if the images all line up and everything looks perfect then you are done!
If this last image is a bit taller than the others it will require one tweak. Hover over the image and click it. When you do a little ball should appear on the line at the bottom on the image. Slide that ball up until the image is perfectly sized like the others.
See that wasn't so bad was it?! If you need any help please let me know! I am always here to help you!