The theme comes with an easy to use tool for changing the styling of elements without the need to write any CSS code, it is called Styler.<\/p>\n\n\n\n
<\/figure><\/div>\n\n\n\n
When you’re logged in as the administrator you will see this in the top right corner on any page.<\/p>\n\n\n\n
To activate it simply click on it and it will go into active mode.<\/p>\n\n\n\n
While Styler is in active mode, when you hover elements that can be changed you will see a border around them (image below).<\/p>\n\n\n\n<\/figure>\n\n\n\n
Clicking on any of those elements will show the options available for that element in the panel.<\/p>\n\n\n\n
As you can see the options are separated into different sections:<\/p>\n\n\n\n
Typography ( font size, family, color… ) Spacing ( margins and paddings ) Background ( bg color ) Border ( border radius ) Clicking on any of the sections will show options for those sections.<\/p>\n\n\n\n
As you change options you will see the changes you make immediately.<\/p>\n\n\n\n
At any time you can click on a different element to change it’s styling properties.<\/p>\n\n\n\n
Once done with changes simply press the Publish Changes button and that’s it.<\/p>\n\n\n\n
Or you can discard the changes by clicking the Discard Changes button. You will be given 2 options, to discard what you made this session or all changes you’ve made to it.<\/p>\n","protected":false},"excerpt":{"rendered":"
The theme comes with an easy to use tool for changing the styling of elements without the need to write any CSS code, it is called Styler. When you’re logged in as the administrator you will see this in the top right corner on any page. To activate it simply click on it and it […]<\/p>\n","protected":false},"author":2,"featured_media":0,"menu_order":447,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_focuskw":"My Journey styler","_yoast_wpseo_title":"Styler - My Journey Docs","_yoast_wpseo_metadesc":"Use the Styler in My Journey to customize fonts, colors, and typography without CSS.","_docs_gsc_clicks":0,"_docs_gsc_impressions":0,"_docs_gsc_ctr":0,"_docs_gsc_position":0,"_docs_gsc_queries":"","_docs_gsc_updated":"","footnotes":""},"categories":[310],"tags":[],"class_list":["post-3899","post","type-post","status-publish","format-standard","hentry","category-getting-started-my-journey"],"yoast_head":"\n
Styler - My Journey Docs<\/title>\n<meta name=\"description\" content=\"Use the Styler in My Journey to customize fonts, colors, and typography without CSS.\" \/>\n<meta name=\"robots\" content=\"index, nofollow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wplook.com\/docs\/my-journey\/getting-started-my-journey\/styler\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Styler - My Journey Docs\" \/>\n<meta property=\"og:description\" content=\"Use the Styler in My Journey to customize fonts, colors, and typography without CSS.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wplook.com\/docs\/my-journey\/getting-started-my-journey\/styler\/\" \/>\n<meta property=\"og:site_name\" content=\"WPlook Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2018-02-27T19:31:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-14T14:11:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wplook.com\/docs\/wp-content\/uploads\/2018\/02\/wplook-styler.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"482\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Diana\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Diana\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/wplook.com\\\/docs\\\/my-journey\\\/getting-started-my-journey\\\/styler\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wplook.com\\\/docs\\\/my-journey\\\/getting-started-my-journey\\\/styler\\\/\"},\"author\":{\"name\":\"Diana\",\"@id\":\"https:\\\/\\\/wplook.com\\\/docs\\\/#\\\/schema\\\/person\\\/8399cbf85da601ae37647ba05b48c083\"},\"headline\":\"Styler\",\"datePublished\":\"2018-02-27T19:31:30+00:00\",\"dateModified\":\"2026-03-14T14:11:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/wplook.com\\\/docs\\\/my-journey\\\/getting-started-my-journey\\\/styler\\\/\"},\"wordCount\":214,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/wplook.com\\\/docs\\\/my-journey\\\/getting-started-my-journey\\\/styler\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wplook.com\\\/docs\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/wplook-styler.jpg\",\"articleSection\":[\"Getting Started\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/wplook.com\\\/docs\\\/my-journey\\\/getting-started-my-journey\\\/styler\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wplook.com\\\/docs\\\/my-journey\\\/getting-started-my-journey\\\/styler\\\/\",\"url\":\"https:\\\/\\\/wplook.com\\\/docs\\\/my-journey\\\/getting-started-my-journey\\\/styler\\\/\",\"name\":\"Styler - My Journey Docs\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wplook.com\\\/docs\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wplook.com\\\/docs\\\/my-journey\\\/getting-started-my-journey\\\/styler\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wplook.com\\\/docs\\\/my-journey\\\/getting-started-my-journey\\\/styler\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wplook.com\\\/docs\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/wplook-styler.jpg\",\"datePublished\":\"2018-02-27T19:31:30+00:00\",\"dateModified\":\"2026-03-14T14:11:05+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/wplook.com\\\/docs\\\/#\\\/schema\\\/person\\\/8399cbf85da601ae37647ba05b48c083\"},\"description\":\"Use the Styler in My Journey to customize fonts, colors, and typography without CSS.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wplook.com\\\/docs\\\/my-journey\\\/getting-started-my-journey\\\/styler\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wplook.com\\\/docs\\\/my-journey\\\/getting-started-my-journey\\\/styler\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wplook.com\\\/docs\\\/my-journey\\\/getting-started-my-journey\\\/styler\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wplook.com\\\/docs\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/wplook-styler.jpg\",\"contentUrl\":\"https:\\\/\\\/wplook.com\\\/docs\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/wplook-styler.jpg\",\"width\":900,\"height\":482},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wplook.com\\\/docs\\\/my-journey\\\/getting-started-my-journey\\\/styler\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wplook.com\\\/docs\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Styler\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wplook.com\\\/docs\\\/#website\",\"url\":\"https:\\\/\\\/wplook.com\\\/docs\\\/\",\"name\":\"WPlook Documentation\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wplook.com\\\/docs\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/wplook.com\\\/docs\\\/#\\\/schema\\\/person\\\/8399cbf85da601ae37647ba05b48c083\",\"name\":\"Diana\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ce7ed656731aa4b7fd65a45da803f9fe4f95b2250f5aa105df6f4cfaffa7e55e?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ce7ed656731aa4b7fd65a45da803f9fe4f95b2250f5aa105df6f4cfaffa7e55e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ce7ed656731aa4b7fd65a45da803f9fe4f95b2250f5aa105df6f4cfaffa7e55e?s=96&d=mm&r=g\",\"caption\":\"Diana\"},\"url\":\"https:\\\/\\\/wplook.com\\\/docs\\\/author\\\/diana\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Styler - My Journey Docs","description":"Use the Styler in My Journey to customize fonts, colors, and typography without CSS.","robots":{"index":"index","follow":"nofollow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wplook.com\/docs\/my-journey\/getting-started-my-journey\/styler\/","og_locale":"en_US","og_type":"article","og_title":"Styler - My Journey Docs","og_description":"Use the Styler in My Journey to customize fonts, colors, and typography without CSS.","og_url":"https:\/\/wplook.com\/docs\/my-journey\/getting-started-my-journey\/styler\/","og_site_name":"WPlook Documentation","article_published_time":"2018-02-27T19:31:30+00:00","article_modified_time":"2026-03-14T14:11:05+00:00","og_image":[{"width":900,"height":482,"url":"https:\/\/wplook.com\/docs\/wp-content\/uploads\/2018\/02\/wplook-styler.jpg","type":"image\/jpeg"}],"author":"Diana","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Diana","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wplook.com\/docs\/my-journey\/getting-started-my-journey\/styler\/#article","isPartOf":{"@id":"https:\/\/wplook.com\/docs\/my-journey\/getting-started-my-journey\/styler\/"},"author":{"name":"Diana","@id":"https:\/\/wplook.com\/docs\/#\/schema\/person\/8399cbf85da601ae37647ba05b48c083"},"headline":"Styler","datePublished":"2018-02-27T19:31:30+00:00","dateModified":"2026-03-14T14:11:05+00:00","mainEntityOfPage":{"@id":"https:\/\/wplook.com\/docs\/my-journey\/getting-started-my-journey\/styler\/"},"wordCount":214,"commentCount":0,"image":{"@id":"https:\/\/wplook.com\/docs\/my-journey\/getting-started-my-journey\/styler\/#primaryimage"},"thumbnailUrl":"https:\/\/wplook.com\/docs\/wp-content\/uploads\/2018\/02\/wplook-styler.jpg","articleSection":["Getting Started"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wplook.com\/docs\/my-journey\/getting-started-my-journey\/styler\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wplook.com\/docs\/my-journey\/getting-started-my-journey\/styler\/","url":"https:\/\/wplook.com\/docs\/my-journey\/getting-started-my-journey\/styler\/","name":"Styler - My Journey Docs","isPartOf":{"@id":"https:\/\/wplook.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wplook.com\/docs\/my-journey\/getting-started-my-journey\/styler\/#primaryimage"},"image":{"@id":"https:\/\/wplook.com\/docs\/my-journey\/getting-started-my-journey\/styler\/#primaryimage"},"thumbnailUrl":"https:\/\/wplook.com\/docs\/wp-content\/uploads\/2018\/02\/wplook-styler.jpg","datePublished":"2018-02-27T19:31:30+00:00","dateModified":"2026-03-14T14:11:05+00:00","author":{"@id":"https:\/\/wplook.com\/docs\/#\/schema\/person\/8399cbf85da601ae37647ba05b48c083"},"description":"Use the Styler in My Journey to customize fonts, colors, and typography without CSS.","breadcrumb":{"@id":"https:\/\/wplook.com\/docs\/my-journey\/getting-started-my-journey\/styler\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wplook.com\/docs\/my-journey\/getting-started-my-journey\/styler\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wplook.com\/docs\/my-journey\/getting-started-my-journey\/styler\/#primaryimage","url":"https:\/\/wplook.com\/docs\/wp-content\/uploads\/2018\/02\/wplook-styler.jpg","contentUrl":"https:\/\/wplook.com\/docs\/wp-content\/uploads\/2018\/02\/wplook-styler.jpg","width":900,"height":482},{"@type":"BreadcrumbList","@id":"https:\/\/wplook.com\/docs\/my-journey\/getting-started-my-journey\/styler\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wplook.com\/docs\/"},{"@type":"ListItem","position":2,"name":"Styler"}]},{"@type":"WebSite","@id":"https:\/\/wplook.com\/docs\/#website","url":"https:\/\/wplook.com\/docs\/","name":"WPlook Documentation","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wplook.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wplook.com\/docs\/#\/schema\/person\/8399cbf85da601ae37647ba05b48c083","name":"Diana","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/ce7ed656731aa4b7fd65a45da803f9fe4f95b2250f5aa105df6f4cfaffa7e55e?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/ce7ed656731aa4b7fd65a45da803f9fe4f95b2250f5aa105df6f4cfaffa7e55e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ce7ed656731aa4b7fd65a45da803f9fe4f95b2250f5aa105df6f4cfaffa7e55e?s=96&d=mm&r=g","caption":"Diana"},"url":"https:\/\/wplook.com\/docs\/author\/diana\/"}]}},"_links":{"self":[{"href":"https:\/\/wplook.com\/docs\/wp-json\/wp\/v2\/posts\/3899","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wplook.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wplook.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wplook.com\/docs\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wplook.com\/docs\/wp-json\/wp\/v2\/comments?post=3899"}],"version-history":[{"count":5,"href":"https:\/\/wplook.com\/docs\/wp-json\/wp\/v2\/posts\/3899\/revisions"}],"predecessor-version":[{"id":4536,"href":"https:\/\/wplook.com\/docs\/wp-json\/wp\/v2\/posts\/3899\/revisions\/4536"}],"wp:attachment":[{"href":"https:\/\/wplook.com\/docs\/wp-json\/wp\/v2\/media?parent=3899"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wplook.com\/docs\/wp-json\/wp\/v2\/categories?post=3899"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wplook.com\/docs\/wp-json\/wp\/v2\/tags?post=3899"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/wplook.com\/docs\/wp-content\/uploads\/2018\/02\/wplook-styler.jpg\")
<\/figure><\/div>\n\n\n\n![\"\"](\"https:\/\/wplook.com\/docs\/wp-content\/uploads\/2018\/02\/styler-hover.jpg\")
<\/figure>\n\n\n\n