Differences

This shows you the differences between two versions of the page.

--- content_wysiwyg [2017/06/16 17:25]
brittany [Editing content fields using the content editor]
+++ content_wysiwyg [2020/05/28 19:22]
michaels
@@ Line 1: / Line 1: @@
+#redirect https://support.realgeeks.com/hc/en-us/articles/360043149734
+====== Content Editor: wysiwyg ======
+(What you see is what you get)
+The content editor works like a stripped-down word processor. Simply type in text, then format it by highlighting it and clicking one of the buttons.
+The best way to learn is to experiment until you achieve the desired formatting. Don't worry, it's pretty easy. Here's a cheat sheet:
+{{::editcontent.png?800|}}
+Here, you can learn how to [[uploading|upload your images]].
+After the image file has been uploaded, you can [[inserting_images|insert it into the content area]] of a page, sidebar, or footer.
+====== Inserting popup contact/sign up form links into your content ======
+If you want to insert a link to the contact/sign up popups forms, copy and paste these special codes into the editor in HTML mode:
+====Contact Us====
+Text link:
+<code html>
+<a class="popup" href="/member/contact/">Contact Us</a>
+</code>
+Button link:
+<code html>
+<a class="button contact_us popup" style="background: green; color: white;" href="/member/contact/"><span>Contact Us</span></a>
+</code>
+====Sign up====
+Text link:
+<code html>
+<a class="sign_up popup" href="/member/signup/" target="_blank"><span>Sign Up!</span></a>
+</code>
+Button link:
+<code html>
+<a class="button sign_up popup" style="background: #CC6699; color: white;" href="/member/signup/"><span>Sign Up!</span></a>
+</code>
+You can change the colors of the background or text (labeled: color) from the button link code with this web color reference:
+http://www.w3schools.com/colors/colors_picker.asp
+Still have questions? Contact [[https://www.realgeeks.com/support/|Support]]

Real Geeks Docs

User Tools

Site Tools

Differences

Page Tools