{"id":47531,"date":"2025-10-14T15:00:09","date_gmt":"2025-10-14T15:00:09","guid":{"rendered":"https:\/\/www.benchmarkemail.com\/jp\/?page_id=47531"},"modified":"2025-12-09T12:18:59","modified_gmt":"2025-12-09T12:18:59","slug":"global-style","status":"publish","type":"page","link":"https:\/\/www.benchmarkemail.com\/jp\/global-style\/","title":{"rendered":"Global style"},"content":{"rendered":"\n\n\t\t\t\n\t\t\t\t\t\t\tClick Here outline\n\t\t\t\t\t<\/a>\n\t\t\t\n\t\t\t\t\t\t\tClick Here outline\n\t\t\t\t\t<\/a>\n\t\t\t\n\t\t\t\t\t\t\tClick Here outline\n\t\t\t\t\t<\/a>\n\t\t\t\n\t\t\t\t\t\t\tClick Here outline\n\t\t\t\t\t<\/a>\n\t\t\t\n\t\t\t\t\t\t\tClick Here Solid\n\t\t\t\t\t<\/a>\n\t\t\t\n\t\t\t\t\t\t\tClick Here Solid\n\t\t\t\t\t<\/a>\n

\ud83d\udca1 NXG Button Style Guide<\/h2>\n

You can easily style buttons using the following parent classes<\/strong>. These classes are applied to the wrapper (not the button itself) for consistent design.<\/p>\n

\ud83c\udfa8 Available Button Styles<\/h3>\n \n \n \n \n \n \n \n \n
Class Name<\/th>\n Description<\/th>\n Example<\/th>\n <\/tr>\n <\/thead>\n
nxg-btn-solid<\/code><\/td>\n Solid purple button with white text<\/td>\n \ud83d\udfea Primary CTA<\/td>\n <\/tr>\n
nxg-btn-outline<\/code><\/td>\n Transparent button with purple border and text<\/td>\n \ud83d\udfe3 Outline CTA<\/td>\n <\/tr>\n
nxg-btn-outline-white<\/code><\/td>\n White outline and text (for dark backgrounds)<\/td>\n \u26aa Outline White<\/td>\n <\/tr>\n
nxg-btn-big<\/code><\/td>\n Increases button size – can be combined with any style<\/td>\n \u2795 Big Size<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n

\ud83e\udde9 How to Use<\/h3>\n
    \n
  1. Edit your page in Beaver Builder or your preferred editor.<\/li>\n
  2. Locate the Button module<\/strong> you want to style.<\/li>\n
  3. Wrap the button inside a parent div and assign the desired class.<\/li>\n <\/ol>\n

    Example (Solid Button):<\/h4>\n <div>\n <div>\n <a href=\"#\">Start Free Trial<\/a>\n <\/div>\n<\/div><\/code>\n

    Example (Big Outline Button):<\/h4>\n <div>\n <div>\n <a href=\"#\">Learn More<\/a>\n <\/div>\n<\/div><\/code>\n

    \u2728 Hover Effect<\/h3>\n
      \n
    • Background changes to dark purple (#321F65)<\/strong><\/li>\n
    • Text turns white<\/strong><\/li>\n
    • Soft shadow appears for depth<\/li>\n <\/ul>\n\n","protected":false},"excerpt":{"rendered":"

      Click Here outline Click Here outline Click Here outline Click Here outline Click Here Solid Click Here Solid \ud83d\udca1 NXG Button Style Guide You can easily style buttons using the following parent classes. These classes are applied to the wrapper (not the button itself) for consistent design. \ud83c\udfa8 Available Button Styles Class Name Description Example…<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-nxg.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-47531","page","type-page","status-publish","hentry"],"yoast_head":"\nGlobal style - Benchmark Email<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.benchmarkemail.com\/jp\/global-style\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Global style - Benchmark Email\" \/>\n<meta property=\"og:description\" content=\"Click Here outline Click Here outline Click Here outline Click Here outline Click Here Solid Click Here Solid \ud83d\udca1 NXG Button Style Guide You can easily style buttons using the following parent classes. These classes are applied to the wrapper (not the button itself) for consistent design. \ud83c\udfa8 Available Button Styles Class Name Description Example…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.benchmarkemail.com\/jp\/global-style\/\" \/>\n<meta property=\"og:site_name\" content=\"Benchmark Email \u65e5\u672c\u8a9e\u7248\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BenchmarkEmailJapan\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-09T12:18:59+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@BenchmarkJP\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/jp\\\/global-style\\\/\",\"url\":\"https:\\\/\\\/www.benchmarkemail.com\\\/jp\\\/global-style\\\/\",\"name\":\"Global style - Benchmark Email\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/jp\\\/#website\"},\"datePublished\":\"2025-10-14T15:00:09+00:00\",\"dateModified\":\"2025-12-09T12:18:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/jp\\\/global-style\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.benchmarkemail.com\\\/jp\\\/global-style\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/jp\\\/global-style\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.benchmarkemail.com\\\/jp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Global style\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/jp\\\/#website\",\"url\":\"https:\\\/\\\/www.benchmarkemail.com\\\/jp\\\/\",\"name\":\"Benchmark Email \u65e5\u672c\u8a9e\u7248\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/jp\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.benchmarkemail.com\\\/jp\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/jp\\\/#organization\",\"name\":\"Benchmark Email\",\"url\":\"https:\\\/\\\/www.benchmarkemail.com\\\/jp\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/jp\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.benchmarkemail.com\\\/jp\\\/wp-content\\\/uploads\\\/sites\\\/10\\\/2020\\\/06\\\/dark-bm-horizontal-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.benchmarkemail.com\\\/jp\\\/wp-content\\\/uploads\\\/sites\\\/10\\\/2020\\\/06\\\/dark-bm-horizontal-logo.png\",\"width\":801,\"height\":253,\"caption\":\"Benchmark Email\"},\"image\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/jp\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/BenchmarkEmailJapan\",\"https:\\\/\\\/x.com\\\/BenchmarkJP\",\"https:\\\/\\\/www.instagram.com\\\/benchmarkjapan\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/benchmark-email-japan\\\/\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/benchmarkJapan\\\/featured\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Global style - Benchmark Email","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.benchmarkemail.com\/jp\/global-style\/","og_locale":"en_US","og_type":"article","og_title":"Global style - Benchmark Email","og_description":"Click Here outline Click Here outline Click Here outline Click Here outline Click Here Solid Click Here Solid \ud83d\udca1 NXG Button Style Guide You can easily style buttons using the following parent classes. These classes are applied to the wrapper (not the button itself) for consistent design. \ud83c\udfa8 Available Button Styles Class Name Description Example…","og_url":"https:\/\/www.benchmarkemail.com\/jp\/global-style\/","og_site_name":"Benchmark Email \u65e5\u672c\u8a9e\u7248","article_publisher":"https:\/\/www.facebook.com\/BenchmarkEmailJapan","article_modified_time":"2025-12-09T12:18:59+00:00","twitter_card":"summary_large_image","twitter_site":"@BenchmarkJP","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.benchmarkemail.com\/jp\/global-style\/","url":"https:\/\/www.benchmarkemail.com\/jp\/global-style\/","name":"Global style - Benchmark Email","isPartOf":{"@id":"https:\/\/www.benchmarkemail.com\/jp\/#website"},"datePublished":"2025-10-14T15:00:09+00:00","dateModified":"2025-12-09T12:18:59+00:00","breadcrumb":{"@id":"https:\/\/www.benchmarkemail.com\/jp\/global-style\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.benchmarkemail.com\/jp\/global-style\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.benchmarkemail.com\/jp\/global-style\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.benchmarkemail.com\/jp\/"},{"@type":"ListItem","position":2,"name":"Global style"}]},{"@type":"WebSite","@id":"https:\/\/www.benchmarkemail.com\/jp\/#website","url":"https:\/\/www.benchmarkemail.com\/jp\/","name":"Benchmark Email \u65e5\u672c\u8a9e\u7248","description":"","publisher":{"@id":"https:\/\/www.benchmarkemail.com\/jp\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.benchmarkemail.com\/jp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.benchmarkemail.com\/jp\/#organization","name":"Benchmark Email","url":"https:\/\/www.benchmarkemail.com\/jp\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.benchmarkemail.com\/jp\/#\/schema\/logo\/image\/","url":"https:\/\/www.benchmarkemail.com\/jp\/wp-content\/uploads\/sites\/10\/2020\/06\/dark-bm-horizontal-logo.png","contentUrl":"https:\/\/www.benchmarkemail.com\/jp\/wp-content\/uploads\/sites\/10\/2020\/06\/dark-bm-horizontal-logo.png","width":801,"height":253,"caption":"Benchmark Email"},"image":{"@id":"https:\/\/www.benchmarkemail.com\/jp\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/BenchmarkEmailJapan","https:\/\/x.com\/BenchmarkJP","https:\/\/www.instagram.com\/benchmarkjapan\/","https:\/\/www.linkedin.com\/company\/benchmark-email-japan\/","https:\/\/www.youtube.com\/user\/benchmarkJapan\/featured"]}]}},"_links":{"self":[{"href":"https:\/\/www.benchmarkemail.com\/jp\/wp-json\/wp\/v2\/pages\/47531","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.benchmarkemail.com\/jp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.benchmarkemail.com\/jp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.benchmarkemail.com\/jp\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.benchmarkemail.com\/jp\/wp-json\/wp\/v2\/comments?post=47531"}],"version-history":[{"count":0,"href":"https:\/\/www.benchmarkemail.com\/jp\/wp-json\/wp\/v2\/pages\/47531\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.benchmarkemail.com\/jp\/wp-json\/wp\/v2\/media?parent=47531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}