\nUpon opening Style Designer, you will see a variety of properties available for customization. For example, to change the color of the selected state of your navigation links, click on \u201cNavigation (Selected),\u201d and you will see a box full of colors pop up. The right hand side of the box is a bar for you to drag to the color of your choice.<\/p>\n
Once you\u2019ve decided on a color, drag the circle in the square on the shade you\u2019d like. Once you\u2019ve settled on a shade, voila! There you have your six-character custom color code.<\/p>\n
How do I change my current Style to Super Flat?<\/strong> Can I update my website once it\u2019s published?<\/strong> How can I password protect a pre-existing page?<\/strong> Click the \u201cPage\u201d tab at the top of Sitebuilder, and click \u201cNavigation.\u201d Your Page Manager will pop up, displaying each page you\u2019ve created for your site. Locate the page you\u2019d wish to password protect, and click the lock symbol between the checkmark and edit button. From there you are able to set your page\u2019s login and password.<\/p>\n Although we know there were plenty more questions, we hope this brings some clarity to those of you looking for site building tips. Let us know in the comments how our webinar helped you advance your online presence, and what you would like to see in future demos to come.<\/p>\n","protected":false},"excerpt":{"rendered":" Earlier this week, we had the pleasure of hosting our second \u201cBuild Your Website Webinar,\u201d where we gave users the step-by-step process of building a professional website in just 30 minutes. We are pleased to report, thanks to the many users who attended, the webinar was a complete success. We were pleased with the feedback… Read More »Build Your Website Webinar Review<\/span><\/a><\/p>\n","protected":false},"author":456,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","neve_meta_reading_time":"","_themeisle_gutenberg_block_has_review":false},"categories":[130],"tags":[533,297,162,359],"_links":{"self":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/6513"}],"collection":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/users\/456"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/comments?post=6513"}],"version-history":[{"count":1,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/6513\/revisions"}],"predecessor-version":[{"id":6519,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/6513\/revisions\/6519"}],"wp:attachment":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/media?parent=6513"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/categories?post=6513"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/tags?post=6513"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"Build](\"https:\/\/blogcontent.yola.net\/blog\/wp-content\/uploads\/2013\/11\/Build-your-website-Color-Codes.png\")
\nIn addition, there are different tools available, such as Adobe Kuler<\/a> to help you pick an array of complimentary colors and their designated color codes.<\/p>\n
\nChanging your site from Style to Style is easy! Simply click the \u201cStyle\u201d tab at the top of Sitebuilder and in the search field, type in \u201cSuper Flat.\u201d Click on Super Flat, and watch your style change.<\/p>\n![\"Build](\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2013\/11\/Build-you-website-Style-Selector.png\")
\nKeep in mind that you will have to continue customizing from here. If you have custom code, changing Styles will certainly affect it. You can always create a new site to test out Styles, layouts and other elements before switching your live site.<\/p>\n
\nEditing your site once it\u2019s published is just as easy as the first time you published it. Any edits made to your site can be live with just the click of a button. Whenever you\u2019re ready for your updates to go public, click \u201cPublish\u201d in the right hand corner Sitebuilder, and your new site will be live.<\/p>\n
\nLet\u2019s say you\u2019re a fitness trainer who has a site full of workout regimens. After your SEO boosting techniques<\/a> send your site skyrocketing up the search engine ranks, you decide to make your workout routines only available to those who pay for a membership. You\u2019re now in the market for a password-protected page.<\/p>\n![\"Build](\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2013\/11\/Build-your-website-password-protection.png\")
\n![\"Build](\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2013\/11\/Build-your-website-Add-login-info.png\")
\nWill we be able to watch a recording of the presentation?<\/strong>
\nWe do not have a video available to send out to users at this time, but you\u2019re in luck! This webinar is just one of many that we plan on hosting in the future. Our next Build Your Website demo is scheduled for Tuesday, December 17th at 10:00am PST – save your seat here<\/a>!<\/p>\n