How to change colour of "Post Comment" button / text on comment box? - Customize with code

<!DOCTYPE html> <html data-test="" lang="en-US" dir="ltr" data-theme="normal" data-view-circle="false"> <head> <meta charset="utf-8">  <script> /* IPS Configuration */ const IpsDataLayerConfig = {"_events":{"account_login":{"enabled":true,"formatted_name":"account_login"},"account_logout":{"enabled":true,"formatted_name":"account_logout"},"account_register":{"enabled":true,"formatted_name":"account_register"},"content_comment":{"enabled":true,"formatted_name":"content_comment"},"content_create":{"enabled":true,"formatted_name":"content_create"},"file_download":{"enabled":true,"formatted_name":"content_download"},"content_quote":{"enabled":true,"formatted_name":"content_quote"},"content_react":{"enabled":true,"formatted_name":"content_react"},"content_view":{"enabled":true,"formatted_name":"content_view"},"filter_add":{"enabled":true,"formatted_name":"filter_add"},"filter_remove":{"enabled":true,"formatted_name":"filter_remove"},"search":{"enabled":true,"formatted_name":"search"},"social_update":{"enabled":true,"formatted_name":"social_update"},"social_view":{"enabled":true,"formatted_name":"social_view"},"sort":{"enabled":true,"formatted_name":"sort"}},"_properties":{"content_container_url":{"event_keys":["content_*","filter_*","sort","file_download"],"pii":false,"formatted_name":"content_container_url","enabled":true,"type":"string","page_level":true},"content_id":{"event_keys":["content_*","file_download"],"pii":false,"formatted_name":"content_id","enabled":true,"type":"number","page_level":true},"author_name":{"event_keys":["content_*","social_reply","file_download"],"pii":true,"formatted_name":"author_name","enabled":true,"type":"string","page_level":true},"content_title":{"event_keys":["content_*","file_download"],"pii":true,"formatted_name":"content_title","enabled":true,"type":"string","page_level":true},"content_url":{"event_keys":["content_*","file_download"],"pii":false,"formatted_name":"content_url","enabled":true,"type":"string","page_level":true},"author_id":{"event_keys":["content_*","social_reply","file_download"],"pii":true,"formatted_name":"author_id","enabled":true,"type":"number | string","replace_with_sso":true,"page_level":true},"comment_type":{"event_keys":["content_comment","content_react","content_quote"],"pii":false,"formatted_name":"comment_type","enabled":true,"type":"string","page_level":false},"comment_url":{"event_keys":["content_comment","content_react","content_quote"],"pii":false,"formatted_name":"comment_url","enabled":true,"type":"string","page_level":false},"community_area":{"event_keys":["filter_*","sort"],"pii":false,"formatted_name":"community_area","enabled":true,"type":"string","page_level":true},"content_age":{"event_keys":["content_*","file_download"],"pii":false,"formatted_name":"content_age","enabled":true,"type":"number","page_level":true},"content_area":{"event_keys":["content_*","filter_*","sort","file_download"],"pii":false,"formatted_name":"content_area","enabled":true,"type":"string","page_level":true},"content_container_id":{"event_keys":["content_*","filter_*","sort","file_download"],"pii":false,"formatted_name":"content_container_id","enabled":true,"type":"number","page_level":true},"content_container_name":{"event_keys":["content_*","filter_*","sort","file_download"],"pii":false,"formatted_name":"content_container_name","enabled":true,"type":"string","page_level":true},"content_container_path":{"event_keys":["content_*"],"pii":false,"formatted_name":"content_container_path","enabled":true,"type":"array","page_level":true,"default":[]},"content_container_type":{"event_keys":["content_*","filter_*","sort","file_download"],"pii":false,"formatted_name":"content_container_type","enabled":true,"type":"string","page_level":true},"content_type":{"event_keys":["content_*","filter_*","sort","file_download"],"pii":false,"formatted_name":"content_type","enabled":true,"type":"string","page_level":true},"file_name":{"event_keys":["file_download"],"pii":false,"formatted_name":"file_name","enabled":true,"type":"string","page_level":false},"ips_time":{"event_keys":["*"],"pii":false,"formatted_name":"ips_time","enabled":true,"type":"number","page_level":true},"page_number":{"event_keys":["content_view","query","filter","sort"],"pii":false,"formatted_name":"page_number","enabled":true,"type":"number","page_level":true},"comment_id":{"event_keys":["content_comment","content_react","content_quote"],"pii":false,"formatted_name":"comment_id","enabled":true,"type":"number","page_level":false},"logged_in":{"event_keys":[],"pii":false,"formatted_name":"logged_in","enabled":true,"type":"number","page_level":true},"logged_in_time":{"event_keys":[],"pii":false,"formatted_name":"logged_in_time","enabled":true,"type":"number","page_level":true},"member_group":{"event_keys":[],"pii":false,"formatted_name":"member_group","enabled":true,"type":"string","page_level":true},"member_group_id":{"event_keys":[],"pii":false,"formatted_name":"member_group_id","enabled":true,"type":"number","page_level":true},"member_id":{"event_keys":[],"pii":true,"formatted_name":"member_id","enabled":true,"type":"number | string","page_level":true,"replace_with_sso":true},"member_name":{"event_keys":[],"pii":true,"formatted_name":"member_name","enabled":true,"type":"string","page_level":true},"profile_group":{"event_keys":["social_*"],"pii":false,"formatted_name":"profile_group","enabled":true,"type":"string","page_level":true},"profile_group_id":{"event_keys":["social_*"],"pii":false,"formatted_name":"profile_group_id","enabled":true,"type":"number","page_level":true},"profile_id":{"event_keys":["social_*"],"pii":true,"formatted_name":"profile_id","enabled":true,"type":"number | string","page_level":true,"replace_with_sso":true},"profile_name":{"event_keys":["social_*"],"pii":true,"formatted_name":"profile_name","enabled":true,"type":"string","page_level":true},"reaction_type":{"event_keys":["content_react"],"pii":false,"formatted_name":"reaction_type","enabled":true,"type":"string","page_level":false},"sort_by":{"event_keys":["*sort"],"pii":false,"formatted_name":"sort_by","enabled":true,"type":"string","page_level":true},"sort_direction":{"event_keys":["*sort"],"pii":false,"formatted_name":"sort_direction","enabled":true,"type":"string","page_level":true},"view_location":{"event_keys":["*_view"],"pii":false,"formatted_name":"view_location","enabled":true,"type":"string","page_level":true,"default":"page"},"query":{"event_keys":["search"],"pii":false,"formatted_name":"query","enabled":true,"type":"string","page_level":false},"filter_title":{"event_keys":["filter_*"],"pii":false,"formatted_name":"filter_title","enabled":true,"type":"string","page_level":false},"ips_key":{"event_keys":["*"],"pii":false,"formatted_name":"ips_key","enabled":false,"type":"string","page_level":true}},"_pii":false,"_pii_groups":[["author_id","author_name"],["member_id","member_name"],["profile_id","profile_name"]]}; /* IPS Context */ const IpsDataLayerContext = {"content_container_url":"https:\/\/forum.squarespace.com\/forum\/39-customize-with-code\/","content_id":322547,"author_name":null,"content_title":null,"content_url":"https:\/\/forum.squarespace.com\/topic\/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box\/","author_id":null,"community_area":"Forums","content_age":44,"content_area":"Forums","content_container_id":39,"content_container_name":"Customize with code","content_container_path":[{"type":"forums","id":34,"name":"Forum"},{"type":"forums","id":39,"name":"Customize with code"}],"content_container_type":"forums","content_type":"topic","ips_time":null,"page_number":null,"logged_in":0,"logged_in_time":null,"member_group":"Guest","member_group_id":2,"member_id":null,"member_name":null,"profile_group":null,"profile_group_id":null,"profile_id":null,"profile_name":null,"sort_by":null,"sort_direction":null,"view_location":"page"}; /* IPS Events */ const IpsDataLayerEvents = [{"_key":"content_view","_properties":{"content_container_url":"https:\/\/forum.squarespace.com\/forum\/39-customize-with-code\/","content_id":322547,"content_url":"https:\/\/forum.squarespace.com\/topic\/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box\/","content_age":44,"content_area":"Forums","content_container_id":39,"content_container_name":"Customize with code","content_container_path":[{"type":"forums","id":34,"name":"Forum"},{"type":"forums","id":39,"name":"Customize with code"}],"content_container_type":"forums","content_type":"topic","ips_time":1733003483}}]; </script>   <script> let initcodegtm = context => { if ( !(context instanceof Object) ) { return; } /* Set the key and time */ let ips_time = IpsDataLayerConfig._properties.ips_time.enabled ? IpsDataLayerConfig._properties.ips_time.formatted_name : false; let ips_key = IpsDataLayerConfig._properties.ips_key.enabled ? IpsDataLayerConfig._properties.ips_key.formatted_name : false; if ( ips_time ) { context[ips_time] = Math.floor( Date.now() / 1000 ); } if ( ips_key ) { let s = i => { return Math.floor((1 + Math.random()) * Math.pow(16, i)) .toString(16) .substring(1); }; let mt = Date.now(); let sec = Math.floor(mt / 1000); let secString = sec.toString(16); secString = secString.substring( secString.length - 8 ); let ms = ( mt - ( sec * 1000 ) ) * 1000; /* milliseconds*/ let msString = (ms + 0x100000).toString(16).substring(1); let randomId = secString + msString + s(1) + '.' + s(4) + s(4); context[ips_key] = randomId; } for ( let i in context ) { if ( context[i] === null ) { context[i] = undefined; } } try { if (context instanceof Object) { window.dataLayer = window.dataLayer || []; window.dataLayer.push(context); return; } Debug.log( 'Invalid Data Layer Context: The IPS GTM Data Layer Initializer failed because the context wasn\'t an Object' ); } catch (e) { Debug.error('Bad Data Layer Initializer: Event initializer failed!'); } }; initcodegtm(IpsDataLayerContext || {}); </script>    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push( {'gtm.start': new Date().getTime(),event:'gtm.js'} );var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-BCCP');</script>    <script> const IpsDataLayerEventHandlers = [ ( () => _event => { try { if ( (_event._properties instanceof Object) && (typeof _event._key === 'string')) { window.dataLayer = window.dataLayer || []; let properties = {}; for ( let pKey in _event._properties ) { properties[_event._key + '.' + pKey] = _event._properties[pKey]; } window.dataLayer.push( { ...properties, 'event': _event._key } ); return; } Debug.log( 'Invalid Data Layer Event: An event wasn\'t processed by the IPS GTM Data Layer Handler. The event\'s _key has to be a string, and its _properties has to be an Object.' ); } catch (e) { Debug.error( e ); } } ) ]; </script>   <script> const IpsDataLayerPropertiesHandlers = [ ( () => _properties => { try { if ( _properties instanceof Object ) { delete _properties.event; /* this cannot be set since this handler is NOT for adding GTM events*/ window.dataLayer = window.dataLayer || []; window.dataLayer.push( _properties ); } } catch (e) { Debug.error( e ); } } ) ]; </script>    <title>How to change colour of "Post Comment" button / text on comment box? - Customize with code - Squarespace Forum</title> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-91901-26"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-91901-26', {'content_group1': 'Support'}); </script> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="twitter:card" content="summary_large_image" /> <meta property="og:title" content="How to change colour of "Post Comment" button / text on comment box?"> <meta property="og:type" content="website"> <meta property="og:url" content="https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/"> <meta name="description" content="Site URL: https://psygaia.org/blog/decolonizing-psychedelic-healing-addressing-racial-trauma-and-building-inclusivity-in-psychedelic-therapy Why can't I see the "post comment" button / text until I hover over it? Please help!"> <meta property="og:description" content="Site URL: https://psygaia.org/blog/decolonizing-psychedelic-healing-addressing-racial-trauma-and-building-inclusivity-in-psychedelic-therapy Why can't I see the "post comment" button / text until I hover over it? Please help!"> <meta property="og:updated_time" content="2024-10-17T05:42:26Z"> <meta name="keywords" content="comments, css"> <meta property="og:image" content="https://media.invisioncic.com/p289038/monthly_2024_10/Screenshot_251.png.1d18d71621c0e9a0bb23fc27fdbada5d.png"> <meta property="og:site_name" content="Squarespace Forum"> <meta property="og:locale" content="en_US"> <meta name="google-site-verification" content="e5NqRPnbzBVoZ2pq41QNDUIX5VFIvXRAR8_jXbgWbN0"> <link rel="canonical" href="https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/" /> <link rel="alternate" type="application/rss+xml" title="Test Calendar RSS feed" href="https://forum.squarespace.com/rss/1-test-calendar-rss-feed.xml/" /> <link rel="manifest" href="https://forum.squarespace.com/manifest.webmanifest/"> <meta name="msapplication-config" content="https://forum.squarespace.com/browserconfig.xml/"> <meta name="msapplication-starturl" content="/"> <meta name="application-name" content="Squarespace Forum"> <meta name="apple-mobile-web-app-title" content="Squarespace Forum"> <meta name="theme-color" content="#0e0e0e"> <link rel="preload" href="//forum.squarespace.com/applications/core/interface/font/fontawesome-webfont.woff2?v=4.7.0" as="font" crossorigin="anonymous"> <link rel='stylesheet' href='//media.invisioncic.com/p289038/css_built_13/341e4a57816af3ba440d891ca87450ff_framework.css?v=d815db93211731604013' media='all'> <link rel='stylesheet' href='//media.invisioncic.com/p289038/css_built_13/05e81b71abe4f22d6eb8d1a929494829_responsive.css?v=d815db93211731604013' media='all'> <link rel='stylesheet' href='//media.invisioncic.com/p289038/css_built_13/90eb5adf50a8c640f633d47fd7eb1778_core.css?v=d815db93211731604013' media='all'> <link rel='stylesheet' href='//media.invisioncic.com/p289038/css_built_13/5a0da001ccc2200dc5625c3f3934497d_core_responsive.css?v=d815db93211731604013' media='all'> <link rel='stylesheet' href='//media.invisioncic.com/p289038/css_built_13/62e269ced0fdab7e30e026f1d30ae516_forums.css?v=d815db93211731604013' media='all'> <link rel='stylesheet' href='//media.invisioncic.com/p289038/css_built_13/76e62c573090645fb99a15a363d8620e_forums_responsive.css?v=d815db93211731604013' media='all'> <link rel='stylesheet' href='//media.invisioncic.com/p289038/css_built_13/ebdea0c6a7dab6d37900b9190d3ac77b_topics.css?v=d815db93211731604013' media='all'> <link rel='stylesheet' href='//media.invisioncic.com/p289038/css_built_13/258adbb6e4f3e83cd3b355f84e3fa002_custom.css?v=d815db93211731604013' media='all'> <link rel='shortcut icon' href='//media.invisioncic.com/p289038/monthly_2019_10/sqsp-favicon.ico' type="image/x-icon"> <link rel="stylesheet" href="https://assets.squarespace.com/universal/fonts/squarespace-clarkson-v2.css"> <script async="async" src="//consent.trustarc.com/notice?domain=squarespace.com&c=teconsent&js=nj&noticeType=bb&text=true&pn=2&gtm=1&pcookie" crossorigin=""></script> </head> <body class="ipsApp ipsApp_front ipsJS_none ipsClearfix" data-controller="core.front.core.app,core.front.core.dataLayer,cloud.front.realtime.viewingService" data-message="" data-pageapp="forums" data-pagelocation="front" data-pagemodule="forums" data-pagecontroller="topic" data-pageid="322547" >   <noscript></noscript>   <a href="#ipsLayout_mainArea" class="ipsHide" title="Go to main content on this page" accesskey="m">Jump to content</a> <div id="ipsLayout_header" class="ipsClearfix"> <header> <div class='elLogo'> <a href='https://forum.squarespace.com/' class='elLogo__imageWrapper' accesskey='1'> <img src='//media.invisioncic.com/p289038/set_resources_13/6d538d11ecfced46f459ee300b5e80ec_sqsp_logo.svg' alt='Squarespace Forum' width='213' height='30'> <span>Forum</span> </a> </div> <div class="ipsResponsive_showDesktop"> <nav class='ipsNavBar_noSubBars'> <div class='ipsNavBar_primary ipsNavBar_noSubBars ipsClearfix'> <ul data-role="primaryNavBar" class='squareSpace_links'> <li id='elNavSecondary_62' data-role="navBarItem" data-navApp="core" data-navExt="CustomItem"> <a href="https://forum.squarespace.com" data-navItem-id="62" > Squarespace Forum<span class='ipsNavBar_active__identifier'></span> </a> </li> <li id='elNavSecondary_63' data-role="navBarItem" data-navApp="core" data-navExt="Menu"> <a href="#" id="elNavigation_63" data-ipsMenu data-ipsMenu-appendTo='#elNavSecondary_63' data-ipsMenu-activeClass='ipsNavActive_menu' data-navItem-id="63" > Circle Benefits <i class="fa fa-caret-down"></i><span class='ipsNavBar_active__identifier'></span> </a> <ul id="elNavigation_63_menu" class="ipsMenu ipsMenu_auto ipsHide"> <li class='ipsMenu_item' > <a href='https://support.squarespace.com/hc/en-us/articles/17127487603341-Squarespace-Circle-discount-and-benefits-overview' target='_blank' rel="noopener"> Circle Benefits </a> </li> <li class='ipsMenu_item' > <a href='https://forum.squarespace.com/member-perks/' > Partner Discounts </a> </li> </ul> </li> <li id='elNavSecondary_61' data-role="navBarItem" data-navApp="calendar" data-navExt="Calendar"> <a href="https://forum.squarespace.com/events/" data-navItem-id="61" > Events<span class='ipsNavBar_active__identifier'></span> </a> </li> <li id='elNavSecondary_43' data-role="navBarItem" data-navApp="core" data-navExt="CustomItem"> <a href="https://support.squarespace.com/hc/en-us/categories/200352188-Knowledge-Base" target='_blank' rel="noopener" data-navItem-id="43" > Help Guides<span class='ipsNavBar_active__identifier'></span> </a> </li> <li id='elNavSecondary_44' data-role="navBarItem" data-navApp="core" data-navExt="Guidelines"> <a href="https://forum.squarespace.com/guidelines/" data-navItem-id="44" > Guidelines<span class='ipsNavBar_active__identifier'></span> </a> </li> <li id='elNavSecondary_39' data-role="navBarItem" data-navApp="core" data-navExt="CustomItem"> <a href="http://pros.squarespace.com/" target='_blank' rel="noopener" data-navItem-id="39" > Blog<span class='ipsNavBar_active__identifier'></span> </a> </li> <li id='elNavSecondary_45' data-role="navBarItem" data-navApp="core" data-navExt="Menu"> <a href="#" id="elNavigation_45" data-ipsMenu data-ipsMenu-appendTo='#elNavSecondary_45' data-ipsMenu-activeClass='ipsNavActive_menu' data-navItem-id="45" > Events <i class="fa fa-caret-down"></i><span class='ipsNavBar_active__identifier'></span> </a> <ul id="elNavigation_45_menu" class="ipsMenu ipsMenu_auto ipsHide"> <li class='ipsMenu_item' > <a href='https://forum.squarespace.com/events/___' > Upcoming </a> </li> <li class='ipsMenu_item' > <a href='https://forum.squarespace.com/events/4-events-calendar/' > Event Calendar </a> </li> <li class='ipsMenu_item' > <a href='https://forum.squarespace.com/events/___' > Past Events </a> </li> <li class='ipsMenu_item' > <a href='https://forum.squarespace.com/circle_live_episodes/' > Circle Live Episodes </a> </li> <li id='elNavigation_262b4a048f579943bd0c8e3470f8dd4e' class='ipsMenu_item ipsMenu_subItems'> <a href='#'> Circle Day </a> <ul id='elNavigation_262b4a048f579943bd0c8e3470f8dd4e_menu' class='ipsMenu ipsMenu_auto ipsHide'> <li class='ipsMenu_item' > <a href='https://forum.squarespace.com/learning-paths/circleday-2023/' > Circle Day 2023 </a> </li> <li class='ipsMenu_item' > <a href='https://forum.squarespace.com/learning-paths/circleday/' > Circle Day 2022 </a> </li> </ul> </li> </ul> </li> <li id='elNavSecondary_46' data-role="navBarItem" data-navApp="core" data-navExt="Menu"> <a href="#" id="elNavigation_46" data-ipsMenu data-ipsMenu-appendTo='#elNavSecondary_46' data-ipsMenu-activeClass='ipsNavActive_menu' data-navItem-id="46" > Resources <i class="fa fa-caret-down"></i><span class='ipsNavBar_active__identifier'></span> </a> <ul id="elNavigation_46_menu" class="ipsMenu ipsMenu_auto ipsHide"> <li class='ipsMenu_item' > <a href='https://support.squarespace.com/hc/en-us/sections/17125131469325-Squarespace-Circle' target='_blank' rel="noopener"> Help Guides </a> </li> <li class='ipsMenu_item' > <a href='https://support.squarespace.com/hc/en-us/articles/17127487603341-Squarespace-Circle-discount-and-benefits-overview' target='_blank' rel="noopener"> Benefits </a> </li> <li class='ipsMenu_item' > <a href='https://support.squarespace.com/hc/en-us/articles/4418794433421-Squarespace-Circle-referral-payments' target='_blank' rel="noopener"> Referral Payments </a> </li> </ul> </li> <li id='elNavSecondary_66' data-role="navBarItem" data-navApp="core" data-navExt="Menu"> <a href="#" id="elNavigation_66" data-ipsMenu data-ipsMenu-appendTo='#elNavSecondary_66' data-ipsMenu-activeClass='ipsNavActive_menu' data-navItem-id="66" > Product Updates <i class="fa fa-caret-down"></i><span class='ipsNavBar_active__identifier'></span> </a> <ul id="elNavigation_66_menu" class="ipsMenu ipsMenu_auto ipsHide"> <li class='ipsMenu_item' > <a href='https://forum.squarespace.com/ideas/' > Feature Requests </a> </li> <li class='ipsMenu_item' > <a href='https://forum.squarespace.com/forum/99-release-notes/' > Release Notes </a> </li> </ul> </li> </ul> </div> </nav> </div> <ul id="elUserNav" class="ipsList_inline cSignedOut ipsResponsive_showDesktop">  <li> <a href="https://forum.squarespace.com/login/" id="elRegisterButton" class="ipsButton ipsButton_normal ipsButton_veryLight">Log in</a> </li> </ul> <ul class='ipsMobileHamburger ipsList_reset ipsResponsive_hideDesktop'> <li data-ipsDrawer data-ipsDrawer-drawerElem='#elMobileDrawer'> <a href='#' > <i class='fa fa-navicon'></i> </a> </li> </ul> </header> </div> <div class="sqspNav"> <div class="ipsLayout_container ipsFlex ipsFlex-ai:center ipsFlex-jc:between" style="flex-wrap: wrap-reverse; gap: 10px;"> <nav class='ipsBreadcrumb ipsBreadcrumb_top ipsFaded_withHover ipsPos_left'> <ul class='ipsList_inline ipsPos_right'> <li > <a data-action="defaultStream" class='ipsType_light ' href='https://forum.squarespace.com/discover/'><i class="fa fa-newspaper-o" aria-hidden="true"></i> <span>All Activity</span></a> </li> </ul> <ul data-role="breadcrumbList"> <li> <a title="Home" href='https://forum.squarespace.com/'> <span><i class='fa fa-home'></i> Home <i class='fa fa-angle-right'></i></span> </a> </li> <li> <a href='https://forum.squarespace.com/forum/34-forum/'> <span>Forum <i class='fa fa-angle-right'></i></span> </a> </li> <li> <a href='https://forum.squarespace.com/forum/39-customize-with-code/'> <span>Customize with code <i class='fa fa-angle-right'></i></span> </a> </li> <li> How to change colour of "Post Comment" button / text on comment box? </li> </ul> </nav> <ul id='elMobileNav' class='ipsResponsive_hideDesktop' data-controller='core.front.core.mobileNav'> <li id='elMobileBreadcrumb'> <a href='https://forum.squarespace.com/forum/39-customize-with-code/'> <span>Customize with code</span> </a> </li> <li > <a data-action="defaultStream" href='https://forum.squarespace.com/discover/'><i class="fa fa-newspaper-o" aria-hidden="true"></i></a> </li> <li class='ipsJS_show'> <a href='https://forum.squarespace.com/search/'><i class='fa fa-search'></i></a> </li> </ul> <div id="elSearchWrapper"> <div id='elSearch' data-controller="core.front.core.quickSearch"> <form accept-charset='utf-8' action='//forum.squarespace.com/search/?do=quicksearch' method='post'> <input type='search' id='elSearchField' placeholder='Search the community' name='q' autocomplete='off' aria-label='Search'> <details class='cSearchFilter'> <summary class='cSearchFilter__text'></summary> <ul class='cSearchFilter__menu'> <li><label><input type="radio" name="type" value="all" ><span class='cSearchFilter__menuText'>Everywhere</span></label></li> <li><label><input type="radio" name="type" value='contextual_{"type":"forums_topic","nodes":39}' checked><span class='cSearchFilter__menuText'>This Forum</span></label></li> <li><label><input type="radio" name="type" value='contextual_{"type":"forums_topic","item":322547}' checked><span class='cSearchFilter__menuText'>This Topic</span></label></li> <li><label><input type="radio" name="type" value="forums_topic"><span class='cSearchFilter__menuText'>Topics</span></label></li> <li><label><input type="radio" name="type" value="gallery_image"><span class='cSearchFilter__menuText'>Images</span></label></li> <li><label><input type="radio" name="type" value="gallery_album_item"><span class='cSearchFilter__menuText'>Albums</span></label></li> <li><label><input type="radio" name="type" value="blog_entry"><span class='cSearchFilter__menuText'>Blog Entries</span></label></li> <li><label><input type="radio" name="type" value="calendar_event"><span class='cSearchFilter__menuText'>Events</span></label></li> <li><label><input type="radio" name="type" value="cms_pages_pageitem"><span class='cSearchFilter__menuText'>Pages</span></label></li> <li><label><input type="radio" name="type" value="nexus_package_item"><span class='cSearchFilter__menuText'>Products</span></label></li> <li><label><input type="radio" name="type" value="downloads_file"><span class='cSearchFilter__menuText'>Files</span></label></li> <li><label><input type="radio" name="type" value="core_statuses_status"><span class='cSearchFilter__menuText'>Status Updates</span></label></li> <li><label><input type="radio" name="type" value="core_members"><span class='cSearchFilter__menuText'>Members</span></label></li> </ul> </details> <button class='cSearchSubmit' type="submit" aria-label='Search'><i class="fa fa-search"></i></button> </form> </div> </div> </div> </div> <main id="ipsLayout_body" class="ipsLayout_container"> <div id="ipsLayout_contentArea"> <div id="ipsLayout_contentWrapper"> <div id="ipsLayout_mainArea"> <div class="ipsPageHeader ipsResponsive_pull ipsBox ipsPadding sm:ipsPadding:half ipsMargin_bottom"> <div data-controller="cloud.front.realtime.whosViewing" data-location="2b1bfe9875aa606b968619cac53fbef0" data-visibleclass="ipsMargin_bottom:half"></div> <div class="ipsFlex ipsFlex-ai:center ipsFlex-fw:wrap ipsGap:4"> <div class="ipsFlex-flex:11"> <h1 class="ipsType_pageTitle ipsContained_container"> <span class="ipsType_break ipsContained"> <span>How to change colour of "Post Comment" button / text on comment box?</span> </span> </h1> <div class="ipsFlex ipsFlex-fw:wrap ipsGap:3"> <div> <p class="ipsType_reset ipsType_blendLinks"> <span class="ipsType_light"> By <a href='https://forum.squarespace.com/profile/236553-yogacid/' rel="nofollow" data-ipsHover data-ipsHover-width='370' data-ipsHover-target='https://forum.squarespace.com/profile/236553-yogacid/?do=hovercard&referrer=https%253A%252F%252Fforum.squarespace.com%252Ftopic%252F322547-how-to-change-colour-of-post-comment-button-text-on-comment-box%252F' title="Go to yogacid's profile" class="ipsType_break">yogacid</a>, <span><time datetime='2024-10-16T23:56:51Z' title='10/16/2024 11:56 PM' data-short='Oct 16'>October 16</time> in <a href="https://forum.squarespace.com/forum/39-customize-with-code/">Customize with code</a></span> </span> </p> </div> <div> <ul class='ipsTags ipsList_inline ' > <li > <a href="https://forum.squarespace.com/tags/comments/" class='ipsTag' title="Find other content tagged with 'comments'" rel="tag" data-tag-label="comments"><span>comments</span></a> </li> <li > <a href="https://forum.squarespace.com/tags/css/" class='ipsTag' title="Find other content tagged with 'css'" rel="tag" data-tag-label="css"><span>css</span></a> </li> </ul> </div> <div> </div> </div> </div> <div class="ipsFlex-flex:00 ipsResponsive_hidePhone"> <div class="ipsFlex ipsFlex-ai:center ipsFlex-jc:center ipsGap:3 ipsGap_row:0"> <div data-followApp='forums' data-followArea='topic' data-followID='322547' data-controller='core.front.core.followButton'> <a href="https://forum.squarespace.com/login/?ref=aHR0cHM6Ly9mb3J1bS5zcXVhcmVzcGFjZS5jb20vdG9waWMvMzIyNTQ3LWhvdy10by1jaGFuZ2UtY29sb3VyLW9mLXBvc3QtY29tbWVudC1idXR0b24tdGV4dC1vbi1jb21tZW50LWJveC8=" class="ipsFollow ipsPos_middle ipsButton ipsButton_light ipsButton_verySmall " data-role="followButton" data-ipstooltip title="Sign in to follow this"> <span>Followers</span> <span class="ipsCommentCount">2</span> </a> </div> </div> </div> </div> <div class="ipsBox ipsBox--child ipsComment ipsComment_solved ipsMargin:none ipsMargin_top ipsPadding:half"> <div class="ipsFlex ipsFlex-ai:center sm:ipsFlex-fd:column ipsGap:3"> <a href="https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/?do=findComment&comment=805717" rel="nofollow" class="ipsButton ipsButton_verySmall ipsButton_positive sm:ipsFlex-as:stretch">Go to solution</a> <span class="ipsFlex-flex:10 ipsType_positive ipsType_normal"> Solved by Web_Solutions, <time datetime='2024-10-17T01:13:56Z' title='10/17/2024 01:13 AM' data-short='Oct 17'>October 17</time> </span> </div> </div> </div> <div class="ipsClearfix "> <ul class="ipsToolList ipsToolList_horizontal ipsClearfix ipsSpacer_both ipsResponsive_hidePhone"> </ul> </div> <div id="comments" data-controller="core.front.core.commentFeed,forums.front.topic.view, core.front.core.ignoredComments" data-autopoll data-baseurl="https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/" data-lastpage data-feedid="topic-322547" class="cTopic ipsClear ipsSpacer_top"> <div data-controller='core.front.core.recommendedComments' data-url='https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/?recommended=comments' class='ipsRecommendedComments ipsHide'> <div data-role="recommendedComments"> <h2 class='ipsType_sectionHead ipsType_large ipsType_bold ipsMargin_bottom'>Recommended Posts</h2> </div> </div> <div id="elPostFeed" data-role="commentFeed" data-controller="core.front.core.moderation" > <form action="https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/?csrfKey=f45571175bcc5773a01ebcd8e5630ee7&do=multimodComment" method="post" data-ipspageaction data-role="moderationTools"> <a id='comment-805700'></a> <article id='elComment_805700' class='cPost ipsBox ipsResponsive_pull ipsComment ipsComment_parent ipsClearfix ipsClear ipsColumns ipsColumns_noSpacing ipsColumns_collapsePhone '> <div class='cAuthorPane_mobile ipsResponsive_showPhone'> <div class='cAuthorPane_photo'> <div class='cAuthorPane_photoWrap'> <a href="https://forum.squarespace.com/profile/236553-yogacid/" data-ipsHover data-ipsHover-target="https://forum.squarespace.com/profile/236553-yogacid/?do=hovercard" class="ipsUserPhoto ipsUserPhoto_large" title="Go to yogacid's profile"> <img src='//media.invisioncic.com/p289038/monthly_2024_10/Ying_yang_sign.thumb.jpg.be4518c0d675a36a41ace3aa187a14a0.jpg' alt='yogacid'> </a> <a href="https://forum.squarespace.com/profile/236553-yogacid/badges/"> <img src='//media.invisioncic.com/p289038/monthly_2022_04/level5.svg.43c9e78a79eff6210e2d1f7041e7c26a.svg' loading="lazy" alt="Level 5" class="cAuthorPane_badge cAuthorPane_badge--rank ipsOutline ipsOutline:2px" data-ipsTooltip title="Rank: Level 5 (5/20)"> </a> </div> </div> <div class='cAuthorPane_content'> <h3 class='ipsType_sectionHead cAuthorPane_author ipsType_break ipsType_blendLinks ipsFlex ipsFlex-ai:center'> <a href='https://forum.squarespace.com/profile/236553-yogacid/' rel="nofollow" data-ipsHover data-ipsHover-width='370' data-ipsHover-target='https://forum.squarespace.com/profile/236553-yogacid/?do=hovercard&referrer=https%253A%252F%252Fforum.squarespace.com%252Ftopic%252F322547-how-to-change-colour-of-post-comment-button-text-on-comment-box%252F' title="Go to yogacid's profile" class="ipsType_break">yogacid</a> </h3> <div class='ipsType_light ipsType_reset'> <a href='https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/?do=findComment&comment=805700' class='ipsType_blendLinks'>Posted <time datetime='2024-10-16T23:56:51Z' title='10/16/2024 11:56 PM' data-short='Oct 16'>October 16</time></a> </div> </div> </div> <aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone'> <h3 class='ipsType_sectionHead cAuthorPane_author ipsType_blendLinks ipsType_break'><strong> <a href='https://forum.squarespace.com/profile/236553-yogacid/' rel="nofollow" data-ipsHover data-ipsHover-width='370' data-ipsHover-target='https://forum.squarespace.com/profile/236553-yogacid/?do=hovercard&referrer=https%253A%252F%252Fforum.squarespace.com%252Ftopic%252F322547-how-to-change-colour-of-post-comment-button-text-on-comment-box%252F' title="Go to yogacid's profile" class="ipsType_break">yogacid</a></strong> </h3> <ul class='cAuthorPane_info ipsList_reset'> <li data-role='photo' class='cAuthorPane_photo'> <div class='cAuthorPane_photoWrap'> <a href="https://forum.squarespace.com/profile/236553-yogacid/" data-ipsHover data-ipsHover-target="https://forum.squarespace.com/profile/236553-yogacid/?do=hovercard" class="ipsUserPhoto ipsUserPhoto_large" title="Go to yogacid's profile"> <img src='//media.invisioncic.com/p289038/monthly_2024_10/Ying_yang_sign.thumb.jpg.be4518c0d675a36a41ace3aa187a14a0.jpg' alt='yogacid'> </a>  <img src='//media.invisioncic.com/p289038/monthly_2022_04/level5.svg.43c9e78a79eff6210e2d1f7041e7c26a.svg' loading="lazy" alt="Level 5" class="cAuthorPane_badge cAuthorPane_badge--rank ipsOutline ipsOutline:2px" data-ipsTooltip title="Rank: Level 5 (5/20)"> </div> </li> <li data-role='group'>Circle Member</li> <li data-role='stats' class='ipsMargin_top'> <ul class="ipsList_reset ipsType_light ipsFlex ipsFlex-ai:center ipsFlex-jc:center ipsGap_row:2 cAuthorPane_stats"> <li> <a href="https://forum.squarespace.com/profile/236553-yogacid/content/" title="54 posts" data-ipsTooltip class="ipsType_blendLinks"> <i class="fa fa-comment"></i> 54 </a> </li> </ul> </li> </ul> </aside> <div class='ipsColumn ipsColumn_fluid ipsMargin:none'> <div id="comment-805700_wrap" data-controller="core.front.core.comment" data-commentapp="forums" data-commenttype="forums" data-commentid="805700" data-quotedata="{"userid":236553,"username":"yogacid","timestamp":1729123011,"contentapp":"forums","contenttype":"forums","contentid":322547,"contentclass":"forums_Topic","contentcommentid":805700}" class="ipsComment_content ipsType_medium"> <div class="ipsComment_meta ipsType_light ipsFlex ipsFlex-ai:center ipsFlex-jc:between ipsFlex-fd:row-reverse"> <div class="ipsType_light ipsType_reset ipsType_blendLinks ipsComment_toolWrap"> <div class="ipsResponsive_hidePhone ipsComment_badges"> <ul class="ipsList_reset ipsFlex ipsFlex-jc:end ipsFlex-fw:wrap ipsGap:2 ipsGap_row:1"> </ul> </div> <ul class="ipsList_reset ipsComment_tools"> <li> <a href="#elControls_805700_menu" class="ipsComment_ellipsis" id="elControls_805700" title="More options..." data-ipsmenu data-ipsmenu-appendto="#comment-805700_wrap"><i class="fa fa-ellipsis-h"></i></a> <ul id="elControls_805700_menu" class="ipsMenu ipsMenu_narrow ipsHide"> </ul> </li> </ul> </div> <div class="ipsType_reset ipsResponsive_hidePhone"> Posted <time datetime='2024-10-16T23:56:51Z' title='10/16/2024 11:56 PM' data-short='Oct 16'>October 16</time> <span class="ipsResponsive_hidePhone"> </span> </div> </div> <div class="cPost_contentWrap"> <div data-role="commentContent" class="ipsType_normal ipsType_richText ipsPadding_bottom ipsContained" data-controller="core.front.core.lightboxedImages"> <p>Site URL: <a href="https://psygaia.org/blog/decolonizing-psychedelic-healing-addressing-racial-trauma-and-building-inclusivity-in-psychedelic-therapy" rel="external nofollow">https://psygaia.org/blog/decolonizing-psychedelic-healing-addressing-racial-trauma-and-building-inclusivity-in-psychedelic-therapy</a></p><p> Why can't I see the "post comment" button / text until I hover over it? Please help! </p> </div> </div> </div> </div> </article> <div class="ipsBox cTopicOverview cTopicOverview--inline ipsFlex ipsFlex-fd:row md:ipsFlex-fd:row sm:ipsFlex-fd:column ipsMargin_bottom sm:ipsMargin_bottom:half sm:ipsMargin_top:half ipsResponsive_pull ipsResponsive_hideDesktop ipsResponsive_block " data-controller='forums.front.topic.activity'> <div class='cTopicOverview__header ipsAreaBackground_light ipsFlex sm:ipsFlex-fw:wrap sm:ipsFlex-jc:center'> <ul class='cTopicOverview__stats ipsPadding ipsMargin:none sm:ipsPadding_horizontal:half ipsFlex ipsFlex-flex:10 ipsFlex-jc:around ipsFlex-ai:center'> <li class='cTopicOverview__statItem ipsType_center'> <span class='cTopicOverview__statTitle ipsType_light ipsTruncate ipsTruncate_line'>Replies</span> <span class='cTopicOverview__statValue'>5</span> </li> <li class='cTopicOverview__statItem ipsType_center'> <span class='cTopicOverview__statTitle ipsType_light ipsTruncate ipsTruncate_line'>Views</span> <span class='cTopicOverview__statValue'>396</span> </li> <li class='cTopicOverview__statItem ipsType_center'> <span class='cTopicOverview__statTitle ipsType_light ipsTruncate ipsTruncate_line'>Created</span> <span class='cTopicOverview__statValue'><time datetime='2024-10-16T23:56:51Z' title='10/16/2024 11:56 PM' data-short='Oct 16'>Oct 16</time></span> </li> <li class='cTopicOverview__statItem ipsType_center'> <span class='cTopicOverview__statTitle ipsType_light ipsTruncate ipsTruncate_line'>Last Reply </span> <span class='cTopicOverview__statValue'><time datetime='2024-10-17T05:42:26Z' title='10/17/2024 05:42 AM' data-short='Oct 17'>Oct 17</time></span> </li> </ul> <a href='#' data-action='toggleOverview' class='cTopicOverview__toggle cTopicOverview__toggle--inline ipsType_large ipsType_light ipsPad ipsFlex ipsFlex-ai:center ipsFlex-jc:center'><i class='fa fa-chevron-down'></i></a> </div> <div class='cTopicOverview__preview ipsFlex-flex:10' data-role="preview"> <div class='cTopicOverview__previewInner ipsPadding_vertical ipsPadding_horizontal ipsResponsive_hidePhone ipsFlex ipsFlex-fd:row'> <div class='cTopicOverview__section--users ipsFlex-flex:00'> <h4 class='ipsType_reset cTopicOverview__sectionTitle ipsType_dark ipsType_uppercase ipsType_noBreak'>Top Posters In This Topic</h4> <ul class='cTopicOverview__dataList ipsMargin:none ipsPadding:none ipsList_style:none ipsFlex ipsFlex-jc:between ipsFlex-ai:center'> <li class="cTopicOverview__dataItem ipsMargin_right ipsFlex ipsFlex-jc:start ipsFlex-ai:center"> <a href="https://forum.squarespace.com/profile/236553-yogacid/" data-ipsHover data-ipsHover-target="https://forum.squarespace.com/profile/236553-yogacid/?do=hovercard" class="ipsUserPhoto ipsUserPhoto_tiny" title="Go to yogacid's profile"> <img src='//media.invisioncic.com/p289038/monthly_2024_10/Ying_yang_sign.thumb.jpg.be4518c0d675a36a41ace3aa187a14a0.jpg' alt='yogacid'> </a> <p class='ipsMargin:none ipsPadding_left:half ipsPadding_right ipsType_right'>3</p> </li> <li class="cTopicOverview__dataItem ipsMargin_right ipsFlex ipsFlex-jc:start ipsFlex-ai:center"> <a href="https://forum.squarespace.com/profile/306522-web_solutions/" data-ipsHover data-ipsHover-target="https://forum.squarespace.com/profile/306522-web_solutions/?do=hovercard" class="ipsUserPhoto ipsUserPhoto_tiny" title="Go to Web_Solutions's profile"> <img src='//media.invisioncic.com/p289038/monthly_2022_03/1205918931_MD_Rofik.thumb.jpg.49b7941f614f0c37dffea6552fbbf646.jpg' alt='Web_Solutions'> </a> <p class='ipsMargin:none ipsPadding_left:half ipsPadding_right ipsType_right'>3</p> </li> </ul> </div> <div class='cTopicOverview__section--popularDays ipsFlex-flex:00 ipsPadding_left ipsPadding_left:double'> <h4 class='ipsType_reset cTopicOverview__sectionTitle ipsType_dark ipsType_uppercase ipsType_noBreak'>Popular Days</h4> <ul class='cTopicOverview__dataList ipsMargin:none ipsPadding:none ipsList_style:none ipsFlex ipsFlex-jc:between ipsFlex-ai:center'> <li class='ipsFlex-flex:10'> <a href="https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/?do=findComment&comment=805703" rel="nofollow" class='cTopicOverview__dataItem ipsMargin_right ipsType_blendLinks ipsFlex ipsFlex-jc:between ipsFlex-ai:center'> <p class='ipsMargin:none'>Oct 17</p> <p class='ipsMargin:none ipsMargin_horizontal ipsType_light'>5</p> </a> </li> <li class='ipsFlex-flex:10'> <a href="https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/?do=findComment&comment=805700" rel="nofollow" class='cTopicOverview__dataItem ipsMargin_right ipsType_blendLinks ipsFlex ipsFlex-jc:between ipsFlex-ai:center'> <p class='ipsMargin:none'>Oct 16</p> <p class='ipsMargin:none ipsMargin_horizontal ipsType_light'>1</p> </a> </li> </ul> </div> </div> </div> <div class='cTopicOverview__body ipsPadding ipsHide ipsFlex ipsFlex-flex:11 ipsFlex-fd:column' data-role="overview"> <div class='cTopicOverview__section--users ipsMargin_bottom'> <h4 class='ipsType_reset cTopicOverview__sectionTitle ipsType_withHr ipsType_dark ipsType_uppercase ipsMargin_bottom'>Top Posters In This Topic</h4> <ul class='cTopicOverview__dataList ipsList_reset ipsFlex ipsFlex-jc:start ipsFlex-ai:center ipsFlex-fw:wrap ipsGap:8 ipsGap_row:5'> <li class="cTopicOverview__dataItem cTopicOverview__dataItem--split ipsFlex ipsFlex-jc:start ipsFlex-ai:center ipsFlex-flex:11"> <a href="https://forum.squarespace.com/profile/236553-yogacid/" data-ipsHover data-ipsHover-target="https://forum.squarespace.com/profile/236553-yogacid/?do=hovercard" class="ipsUserPhoto ipsUserPhoto_tiny" title="Go to yogacid's profile"> <img src='//media.invisioncic.com/p289038/monthly_2024_10/Ying_yang_sign.thumb.jpg.be4518c0d675a36a41ace3aa187a14a0.jpg' alt='yogacid'> </a> <p class='ipsMargin:none ipsMargin_left:half cTopicOverview__dataItemInner ipsType_left'> <strong class='ipsTruncate ipsTruncate_line'><a href='https://forum.squarespace.com/profile/236553-yogacid/' class='ipsType_blendLinks'>yogacid</a></strong> <span class='ipsType_light'>3 posts</span> </p> </li> <li class="cTopicOverview__dataItem cTopicOverview__dataItem--split ipsFlex ipsFlex-jc:start ipsFlex-ai:center ipsFlex-flex:11"> <a href="https://forum.squarespace.com/profile/306522-web_solutions/" data-ipsHover data-ipsHover-target="https://forum.squarespace.com/profile/306522-web_solutions/?do=hovercard" class="ipsUserPhoto ipsUserPhoto_tiny" title="Go to Web_Solutions's profile"> <img src='//media.invisioncic.com/p289038/monthly_2022_03/1205918931_MD_Rofik.thumb.jpg.49b7941f614f0c37dffea6552fbbf646.jpg' alt='Web_Solutions'> </a> <p class='ipsMargin:none ipsMargin_left:half cTopicOverview__dataItemInner ipsType_left'> <strong class='ipsTruncate ipsTruncate_line'><a href='https://forum.squarespace.com/profile/306522-web_solutions/' class='ipsType_blendLinks'>Web_Solutions</a></strong> <span class='ipsType_light'>3 posts</span> </p> </li> </ul> </div> <div class='cTopicOverview__section--popularDays ipsMargin_bottom'> <h4 class='ipsType_reset cTopicOverview__sectionTitle ipsType_withHr ipsType_dark ipsType_uppercase ipsMargin_top:half ipsMargin_bottom'>Popular Days</h4> <ul class='cTopicOverview__dataList ipsList_reset ipsFlex ipsFlex-jc:start ipsFlex-ai:center ipsFlex-fw:wrap ipsGap:8 ipsGap_row:5'> <li class='ipsFlex-flex:10'> <a href="https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/?do=findComment&comment=805703" rel="nofollow" class='cTopicOverview__dataItem ipsType_blendLinks'> <p class='ipsMargin:none ipsType_bold'>Oct 17 2024</p> <p class='ipsMargin:none ipsType_light'>5 posts</p> </a> </li> <li class='ipsFlex-flex:10'> <a href="https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/?do=findComment&comment=805700" rel="nofollow" class='cTopicOverview__dataItem ipsType_blendLinks'> <p class='ipsMargin:none ipsType_bold'>Oct 16 2024</p> <p class='ipsMargin:none ipsType_light'>1 post</p> </a> </li> </ul> </div> <div class='cTopicOverview__section--images'> <h4 class='ipsType_reset cTopicOverview__sectionTitle ipsType_withHr ipsType_dark ipsType_uppercase ipsMargin_top:half'>Posted Images</h4> <div class="ipsMargin_top:half" data-controller='core.front.core.lightboxedImages'> <ul class='cTopicOverview__imageGrid ipsMargin:none ipsPadding:none ipsList_style:none ipsFlex ipsFlex-fw:wrap'> <li class='cTopicOverview__image'> <a href="https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/?do=findComment&comment=805756" rel="nofollow" class='ipsThumb ipsThumb_bg' data-background-src="//media.invisioncic.com/p289038/monthly_2024_10/Screenshot_251.thumb.png.3d843b7a95ec205374fda159ae1fd237.png"> <img src="//forum.squarespace.com/applications/core/interface/js/spacer.png" data-src="//media.invisioncic.com/p289038/monthly_2024_10/Screenshot_251.thumb.png.3d843b7a95ec205374fda159ae1fd237.png" class="ipsImage"> </a> </li> <li class='cTopicOverview__image'> <a href="https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/?do=findComment&comment=805703" rel="nofollow" class='ipsThumb ipsThumb_bg' data-background-src="//media.invisioncic.com/p289038/monthly_2024_10/Screenshot_251.thumb.png.0e5c3cc3d0b64b7f4cf119e5615a495a.png"> <img src="//forum.squarespace.com/applications/core/interface/js/spacer.png" data-src="//media.invisioncic.com/p289038/monthly_2024_10/Screenshot_251.thumb.png.0e5c3cc3d0b64b7f4cf119e5615a495a.png" class="ipsImage"> </a> </li> </ul> </div> </div> </div> <a href='#' data-action='toggleOverview' class='cTopicOverview__toggle cTopicOverview__toggle--afterStats ipsType_large ipsType_light ipsPad ipsFlex ipsFlex-ai:center ipsFlex-jc:center'><i class='fa fa-chevron-down'></i></a> </div> <a id='comment-805703'></a> <article id='elComment_805703' class='cPost ipsBox ipsResponsive_pull ipsComment ipsComment_parent ipsClearfix ipsClear ipsColumns ipsColumns_noSpacing ipsColumns_collapsePhone '> <div class='cAuthorPane_mobile ipsResponsive_showPhone'> <div class='cAuthorPane_photo'> <div class='cAuthorPane_photoWrap'> <a href="https://forum.squarespace.com/profile/306522-web_solutions/" data-ipsHover data-ipsHover-target="https://forum.squarespace.com/profile/306522-web_solutions/?do=hovercard" class="ipsUserPhoto ipsUserPhoto_large" title="Go to Web_Solutions's profile"> <img src='//media.invisioncic.com/p289038/monthly_2022_03/1205918931_MD_Rofik.thumb.jpg.49b7941f614f0c37dffea6552fbbf646.jpg' alt='Web_Solutions'> </a> <a href="https://forum.squarespace.com/profile/306522-web_solutions/badges/"> <img src='//media.invisioncic.com/p289038/monthly_2022_04/level12.svg.34bd51dd9e8ec3398d0b5c8054d6a686.svg' loading="lazy" alt="Level 12" class="cAuthorPane_badge cAuthorPane_badge--rank ipsOutline ipsOutline:2px" data-ipsTooltip title="Rank: Level 12 (12/20)"> </a> </div> </div> <div class='cAuthorPane_content'> <h3 class='ipsType_sectionHead cAuthorPane_author ipsType_break ipsType_blendLinks ipsFlex ipsFlex-ai:center'> <a href='https://forum.squarespace.com/profile/306522-web_solutions/' rel="nofollow" data-ipsHover data-ipsHover-width='370' data-ipsHover-target='https://forum.squarespace.com/profile/306522-web_solutions/?do=hovercard&referrer=https%253A%252F%252Fforum.squarespace.com%252Ftopic%252F322547-how-to-change-colour-of-post-comment-button-text-on-comment-box%252F' title="Go to Web_Solutions's profile" class="ipsType_break">Web_Solutions</a> </h3> <div class='ipsType_light ipsType_reset'> <a href='https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/?do=findComment&comment=805703' class='ipsType_blendLinks'>Posted <time datetime='2024-10-17T00:08:30Z' title='10/17/2024 12:08 AM' data-short='Oct 17'>October 17</time></a> </div> </div> </div> <aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone'> <h3 class='ipsType_sectionHead cAuthorPane_author ipsType_blendLinks ipsType_break'><strong> <a href='https://forum.squarespace.com/profile/306522-web_solutions/' rel="nofollow" data-ipsHover data-ipsHover-width='370' data-ipsHover-target='https://forum.squarespace.com/profile/306522-web_solutions/?do=hovercard&referrer=https%253A%252F%252Fforum.squarespace.com%252Ftopic%252F322547-how-to-change-colour-of-post-comment-button-text-on-comment-box%252F' title="Go to Web_Solutions's profile" class="ipsType_break">Web_Solutions</a></strong> </h3> <ul class='cAuthorPane_info ipsList_reset'> <li data-role='photo' class='cAuthorPane_photo'> <div class='cAuthorPane_photoWrap'> <a href="https://forum.squarespace.com/profile/306522-web_solutions/" data-ipsHover data-ipsHover-target="https://forum.squarespace.com/profile/306522-web_solutions/?do=hovercard" class="ipsUserPhoto ipsUserPhoto_large" title="Go to Web_Solutions's profile"> <img src='//media.invisioncic.com/p289038/monthly_2022_03/1205918931_MD_Rofik.thumb.jpg.49b7941f614f0c37dffea6552fbbf646.jpg' alt='Web_Solutions'> </a>  <img src='//media.invisioncic.com/p289038/monthly_2022_04/level12.svg.34bd51dd9e8ec3398d0b5c8054d6a686.svg' loading="lazy" alt="Level 12" class="cAuthorPane_badge cAuthorPane_badge--rank ipsOutline ipsOutline:2px" data-ipsTooltip title="Rank: Level 12 (12/20)"> </div> </li> <li data-role='group'>Circle Member</li> <li data-role='stats' class='ipsMargin_top'> <ul class="ipsList_reset ipsType_light ipsFlex ipsFlex-ai:center ipsFlex-jc:center ipsGap_row:2 cAuthorPane_stats"> <li> <a href="https://forum.squarespace.com/profile/306522-web_solutions/content/" title="1,233 posts" data-ipsTooltip class="ipsType_blendLinks"> <i class="fa fa-comment"></i> 1.2k </a> </li> <li> <a href='https://forum.squarespace.com/profile/306522-web_solutions/solutions/' title="262 solutions" data-ipsTooltip class='ipsType_blendLinks'> <i class='fa fa-check-circle'></i> 262 </a> </li> </ul> </li> </ul> </aside> <div class='ipsColumn ipsColumn_fluid ipsMargin:none'> <div id="comment-805703_wrap" data-controller="core.front.core.comment" data-commentapp="forums" data-commenttype="forums" data-commentid="805703" data-quotedata="{"userid":306522,"username":"Web_Solutions","timestamp":1729123710,"contentapp":"forums","contenttype":"forums","contentid":322547,"contentclass":"forums_Topic","contentcommentid":805703}" class="ipsComment_content ipsType_medium"> <div class="ipsComment_meta ipsType_light ipsFlex ipsFlex-ai:center ipsFlex-jc:between ipsFlex-fd:row-reverse"> <div class="ipsType_light ipsType_reset ipsType_blendLinks ipsComment_toolWrap"> <div class="ipsResponsive_hidePhone ipsComment_badges"> <ul class="ipsList_reset ipsFlex ipsFlex-jc:end ipsFlex-fw:wrap ipsGap:2 ipsGap_row:1"> </ul> </div> <ul class="ipsList_reset ipsComment_tools"> <li> <a href="#elControls_805703_menu" class="ipsComment_ellipsis" id="elControls_805703" title="More options..." data-ipsmenu data-ipsmenu-appendto="#comment-805703_wrap"><i class="fa fa-ellipsis-h"></i></a> <ul id="elControls_805703_menu" class="ipsMenu ipsMenu_narrow ipsHide"> </ul> </li> </ul> </div> <div class="ipsType_reset ipsResponsive_hidePhone"> Posted <time datetime='2024-10-17T00:08:30Z' title='10/17/2024 12:08 AM' data-short='Oct 17'>October 17</time> <span class="ipsResponsive_hidePhone"> </span> </div> </div> <div class="cPost_contentWrap"> <div data-role="commentContent" class="ipsType_normal ipsType_richText ipsPadding_bottom ipsContained" data-controller="core.front.core.lightboxedImages"> <blockquote class="ipsQuote" data-ipsquote="" data-ipsquote-contentapp="forums" data-ipsquote-contentclass="forums_Topic" data-ipsquote-contentcommentid="805700" data-ipsquote-contentid="322547" data-ipsquote-contenttype="forums" data-ipsquote-timestamp="1729123011" data-ipsquote-userid="236553" data-ipsquote-username="yogacid"> <div class="ipsQuote_citation"> 11 minutes ago, yogacid said: </div> <div class="ipsQuote_contents"> <p> Site URL: <a href="https://psygaia.org/blog/decolonizing-psychedelic-healing-addressing-racial-trauma-and-building-inclusivity-in-psychedelic-therapy" rel="external nofollow">https://psygaia.org/blog/decolonizing-psychedelic-healing-addressing-racial-trauma-and-building-inclusivity-in-psychedelic-therapy</a> </p> <p> Why can't I see the "post comment" button / text until I hover over it? Please help! </p> </div> </blockquote> <p> <span style="background-color:#ffffff;color:#313131;font-size:16px;text-align:left;">Add these code on</span><strong style="background-color:#ffffff;color:#313131;font-size:16px;text-align:left;"> Custom CSS</strong><span style="background-color:#ffffff;color:#313131;font-size:16px;text-align:left;"> panel in </span><strong style="background-color:#ffffff;color:#313131;font-size:16px;text-align:left;">Website </strong><span style="background-color:#ffffff;color:#313131;font-size:16px;text-align:left;">> </span><strong style="background-color:#ffffff;color:#313131;font-size:16px;text-align:left;">Utilities </strong><span style="background-color:#ffffff;color:#313131;font-size:16px;text-align:left;">> </span><strong style="background-color:#ffffff;color:#313131;font-size:16px;text-align:left;">Website Tools</strong><span style="background-color:#ffffff;color:#313131;font-size:16px;text-align:left;"> ></span><strong style="background-color:#ffffff;color:#313131;font-size:16px;text-align:left;"> Custom CSS.</strong> </p> <pre class="ipsCode prettyprint lang-html prettyprinted"><span class="pln">#comments .comment-btn.sqs-system-button { background: #0e5192 !important; } #comments .comment-btn.sqs-system-button:hover { background: #ddd !important; }</span></pre> <p> </p> <p><a href="//media.invisioncic.com/p289038/monthly_2024_10/Screenshot_251.png.1bdb13afc09b22708f42de5eba0dde56.png" class="ipsAttachLink ipsAttachLink_image" ><img data-fileid="192992" src="//forum.squarespace.com/applications/core/interface/js/spacer.png" data-src="//media.invisioncic.com/p289038/monthly_2024_10/Screenshot_251.thumb.png.0e5c3cc3d0b64b7f4cf119e5615a495a.png" data-ratio="48" width="1000" class="ipsImage ipsImage_thumbnailed" alt="Screenshot_251.png"></a></p> </div> <div data-role="memberSignature" class=' ipsBorder_top ipsPadding_vertical'> <div class='ipsType_light ipsType_richText' data-ipsLazyLoad> <p> <span style="font-size:20px;"><em><span style="color:#1abc9c;"><span style="font-family:'Comic Sans MS', cursive;">If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks</span></span></em></span> </p> <p> <span style="font-size:14px;"><span style="font-family:'Trebuchet MS', Helvetica, sans-serif;"><span style="color:#000000;">MD Rofik<br /> Website Designer and Digital Marketer</span></span></span><br /> <span style="font-size:16px;"><strong><a href="https://www.buymeacoffee.com/websolutions" rel="external nofollow"><span style="color:#2c3e50;"><span class="ipsEmoji">☕</span><span style="font-family:'Trebuchet MS', Helvetica, sans-serif;">Am I helpful? Want to offer me a coffee? </span></span></a></strong><br /> <strong><a href="https://forum.squarespace.com/messenger/compose/?to=306522" rel="">✉<span style="color:#2c3e50;"> Send me a message</span></a><span style="color:#2c3e50;"><span style="font-family:'Trebuchet MS', Helvetica, sans-serif;"> if needed any help. I'll try to reply as soon as possible.</span></span></strong></span> </p> <p> <br /> <strong><span style="font-family:'Trebuchet MS', Helvetica, sans-serif;"><span style="color:#000000;"> </span></span></strong> </p> </div> </div> </div> </div> </div> </article> <a id='comment-805707'></a> <article id='elComment_805707' class='cPost ipsBox ipsResponsive_pull ipsComment ipsComment_parent ipsClearfix ipsClear ipsColumns ipsColumns_noSpacing ipsColumns_collapsePhone '> <div class='cAuthorPane_mobile ipsResponsive_showPhone'> <div class='cAuthorPane_photo'> <div class='cAuthorPane_photoWrap'> <a href="https://forum.squarespace.com/profile/236553-yogacid/" data-ipsHover data-ipsHover-target="https://forum.squarespace.com/profile/236553-yogacid/?do=hovercard" class="ipsUserPhoto ipsUserPhoto_large" title="Go to yogacid's profile"> <img src='//media.invisioncic.com/p289038/monthly_2024_10/Ying_yang_sign.thumb.jpg.be4518c0d675a36a41ace3aa187a14a0.jpg' alt='yogacid'> </a> <a href="https://forum.squarespace.com/profile/236553-yogacid/badges/"> <img src='//media.invisioncic.com/p289038/monthly_2022_04/level5.svg.43c9e78a79eff6210e2d1f7041e7c26a.svg' loading="lazy" alt="Level 5" class="cAuthorPane_badge cAuthorPane_badge--rank ipsOutline ipsOutline:2px" data-ipsTooltip title="Rank: Level 5 (5/20)"> </a> </div> </div> <div class='cAuthorPane_content'> <h3 class='ipsType_sectionHead cAuthorPane_author ipsType_break ipsType_blendLinks ipsFlex ipsFlex-ai:center'> <a href='https://forum.squarespace.com/profile/236553-yogacid/' rel="nofollow" data-ipsHover data-ipsHover-width='370' data-ipsHover-target='https://forum.squarespace.com/profile/236553-yogacid/?do=hovercard&referrer=https%253A%252F%252Fforum.squarespace.com%252Ftopic%252F322547-how-to-change-colour-of-post-comment-button-text-on-comment-box%252F' title="Go to yogacid's profile" class="ipsType_break">yogacid</a> </h3> <div class='ipsType_light ipsType_reset'> <a href='https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/?do=findComment&comment=805707' class='ipsType_blendLinks'>Posted <time datetime='2024-10-17T00:19:49Z' title='10/17/2024 12:19 AM' data-short='Oct 17'>October 17</time></a> </div> </div> </div> <aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone'> <h3 class='ipsType_sectionHead cAuthorPane_author ipsType_blendLinks ipsType_break'><strong> <a href='https://forum.squarespace.com/profile/236553-yogacid/' rel="nofollow" data-ipsHover data-ipsHover-width='370' data-ipsHover-target='https://forum.squarespace.com/profile/236553-yogacid/?do=hovercard&referrer=https%253A%252F%252Fforum.squarespace.com%252Ftopic%252F322547-how-to-change-colour-of-post-comment-button-text-on-comment-box%252F' title="Go to yogacid's profile" class="ipsType_break">yogacid</a></strong> </h3> <ul class='cAuthorPane_info ipsList_reset'> <li data-role='photo' class='cAuthorPane_photo'> <div class='cAuthorPane_photoWrap'> <a href="https://forum.squarespace.com/profile/236553-yogacid/" data-ipsHover data-ipsHover-target="https://forum.squarespace.com/profile/236553-yogacid/?do=hovercard" class="ipsUserPhoto ipsUserPhoto_large" title="Go to yogacid's profile"> <img src='//media.invisioncic.com/p289038/monthly_2024_10/Ying_yang_sign.thumb.jpg.be4518c0d675a36a41ace3aa187a14a0.jpg' alt='yogacid'> </a>  <img src='//media.invisioncic.com/p289038/monthly_2022_04/level5.svg.43c9e78a79eff6210e2d1f7041e7c26a.svg' loading="lazy" alt="Level 5" class="cAuthorPane_badge cAuthorPane_badge--rank ipsOutline ipsOutline:2px" data-ipsTooltip title="Rank: Level 5 (5/20)"> </div> </li> <li data-role='group'>Circle Member</li> <li data-role='stats' class='ipsMargin_top'> <ul class="ipsList_reset ipsType_light ipsFlex ipsFlex-ai:center ipsFlex-jc:center ipsGap_row:2 cAuthorPane_stats"> <li> <a href="https://forum.squarespace.com/profile/236553-yogacid/content/" title="54 posts" data-ipsTooltip class="ipsType_blendLinks"> <i class="fa fa-comment"></i> 54 </a> </li> </ul> </li> </ul> </aside> <div class='ipsColumn ipsColumn_fluid ipsMargin:none'> <div id="comment-805707_wrap" data-controller="core.front.core.comment" data-commentapp="forums" data-commenttype="forums" data-commentid="805707" data-quotedata="{"userid":236553,"username":"yogacid","timestamp":1729124389,"contentapp":"forums","contenttype":"forums","contentid":322547,"contentclass":"forums_Topic","contentcommentid":805707}" class="ipsComment_content ipsType_medium"> <div class="ipsComment_meta ipsType_light ipsFlex ipsFlex-ai:center ipsFlex-jc:between ipsFlex-fd:row-reverse"> <div class="ipsType_light ipsType_reset ipsType_blendLinks ipsComment_toolWrap"> <div class="ipsResponsive_hidePhone ipsComment_badges"> <ul class="ipsList_reset ipsFlex ipsFlex-jc:end ipsFlex-fw:wrap ipsGap:2 ipsGap_row:1"> <li><strong class="ipsBadge ipsBadge_large ipsComment_authorBadge">Author</strong></li> </ul> </div> <ul class="ipsList_reset ipsComment_tools"> <li> <a href="#elControls_805707_menu" class="ipsComment_ellipsis" id="elControls_805707" title="More options..." data-ipsmenu data-ipsmenu-appendto="#comment-805707_wrap"><i class="fa fa-ellipsis-h"></i></a> <ul id="elControls_805707_menu" class="ipsMenu ipsMenu_narrow ipsHide"> </ul> </li> </ul> </div> <div class="ipsType_reset ipsResponsive_hidePhone"> Posted <time datetime='2024-10-17T00:19:49Z' title='10/17/2024 12:19 AM' data-short='Oct 17'>October 17</time> <span class="ipsResponsive_hidePhone"> (edited) </span> </div> </div> <div class="cPost_contentWrap"> <div data-role="commentContent" class="ipsType_normal ipsType_richText ipsPadding_bottom ipsContained" data-controller="core.front.core.lightboxedImages"> <blockquote class="ipsQuote" data-ipsquote="" data-ipsquote-contentapp="forums" data-ipsquote-contentclass="forums_Topic" data-ipsquote-contentcommentid="805703" data-ipsquote-contentid="322547" data-ipsquote-contenttype="forums" data-ipsquote-timestamp="1729123710" data-ipsquote-userid="306522" data-ipsquote-username="Web_Solutions"> <div class="ipsQuote_citation"> 12 minutes ago, Web_Solutions said: </div> <div class="ipsQuote_contents"> <p> <span style="background-color:#ffffff;color:#313131;font-size:16px;text-align:left;">Add these code on</span><strong style="background-color:#ffffff;color:#313131;font-size:16px;text-align:left;"> Custom CSS</strong><span style="background-color:#ffffff;color:#313131;font-size:16px;text-align:left;"> panel in </span><strong style="background-color:#ffffff;color:#313131;font-size:16px;text-align:left;">Website </strong><span style="background-color:#ffffff;color:#313131;font-size:16px;text-align:left;">> </span><strong style="background-color:#ffffff;color:#313131;font-size:16px;text-align:left;">Utilities </strong><span style="background-color:#ffffff;color:#313131;font-size:16px;text-align:left;">> </span><strong style="background-color:#ffffff;color:#313131;font-size:16px;text-align:left;">Website Tools</strong><span style="background-color:#ffffff;color:#313131;font-size:16px;text-align:left;"> ></span><strong style="background-color:#ffffff;color:#313131;font-size:16px;text-align:left;"> Custom CSS.</strong> </p> <pre class="ipsCode prettyprint lang-html prettyprinted"><span class="pln">#comments .comment-btn.sqs-system-button { background: #0e5192 !important; } #comments .comment-btn.sqs-system-button:hover { background: #ddd !important; }</span></pre> <p> </p> <p> <a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="192992" href="//media.invisioncic.com/p289038/monthly_2024_10/Screenshot_251.png.1bdb13afc09b22708f42de5eba0dde56.png" rel=""><img alt="Screenshot_251.png" class="ipsImage ipsImage_thumbnailed" data-fileid="192992" data-ratio="48" style="height:auto;" width="1000" data-src="//media.invisioncic.com/p289038/monthly_2024_10/Screenshot_251.thumb.png.0e5c3cc3d0b64b7f4cf119e5615a495a.png" src="https://forum.squarespace.com/applications/core/interface/js/spacer.png" /></a> </p> </div> </blockquote> <p> That works. Thank you! Is there a way to change the text in the comment button too? And change the padding on the top and bottom of the button to make a smaller button? </p> <p> Thanks! </p> <span class='ipsType_reset ipsType_medium ipsType_light' data-excludequote> <strong>Edited <time datetime='2024-10-17T00:21:06Z' title='10/17/2024 12:21 AM' data-short='Oct 17'>October 17</time> by yogacid</strong> </span> </div> </div> </div> </div> </article> <a id='comment-805717'></a> <article id='elComment_805717' class='cPost ipsBox ipsResponsive_pull ipsComment ipsComment_parent ipsClearfix ipsClear ipsColumns ipsColumns_noSpacing ipsColumns_collapsePhone ipsComment_solved'> <div class='ipsResponsive_showPhone ipsComment_badges'> <ul class='ipsList_reset ipsFlex ipsFlex-fw:wrap ipsGap:2 ipsGap_row:1'> <li><strong class='ipsBadge ipsBadge_large ipsBadge_positive ipsBadge_reverse'><i class='fa fa-check'></i> Solution</strong></li> </ul> </div> <div class='cAuthorPane_mobile ipsResponsive_showPhone'> <div class='cAuthorPane_photo'> <div class='cAuthorPane_photoWrap'> <a href="https://forum.squarespace.com/profile/306522-web_solutions/" data-ipsHover data-ipsHover-target="https://forum.squarespace.com/profile/306522-web_solutions/?do=hovercard" class="ipsUserPhoto ipsUserPhoto_large" title="Go to Web_Solutions's profile"> <img src='//media.invisioncic.com/p289038/monthly_2022_03/1205918931_MD_Rofik.thumb.jpg.49b7941f614f0c37dffea6552fbbf646.jpg' alt='Web_Solutions'> </a> <a href="https://forum.squarespace.com/profile/306522-web_solutions/badges/"> <img src='//media.invisioncic.com/p289038/monthly_2022_04/level12.svg.34bd51dd9e8ec3398d0b5c8054d6a686.svg' loading="lazy" alt="Level 12" class="cAuthorPane_badge cAuthorPane_badge--rank ipsOutline ipsOutline:2px" data-ipsTooltip title="Rank: Level 12 (12/20)"> </a> </div> </div> <div class='cAuthorPane_content'> <h3 class='ipsType_sectionHead cAuthorPane_author ipsType_break ipsType_blendLinks ipsFlex ipsFlex-ai:center'> <a href='https://forum.squarespace.com/profile/306522-web_solutions/' rel="nofollow" data-ipsHover data-ipsHover-width='370' data-ipsHover-target='https://forum.squarespace.com/profile/306522-web_solutions/?do=hovercard&referrer=https%253A%252F%252Fforum.squarespace.com%252Ftopic%252F322547-how-to-change-colour-of-post-comment-button-text-on-comment-box%252F' title="Go to Web_Solutions's profile" class="ipsType_break">Web_Solutions</a> </h3> <div class='ipsType_light ipsType_reset'> <a href='https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/?do=findComment&comment=805717' class='ipsType_blendLinks'>Posted <time datetime='2024-10-17T01:13:56Z' title='10/17/2024 01:13 AM' data-short='Oct 17'>October 17</time></a> </div> </div> </div> <aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone'> <h3 class='ipsType_sectionHead cAuthorPane_author ipsType_blendLinks ipsType_break'><strong> <a href='https://forum.squarespace.com/profile/306522-web_solutions/' rel="nofollow" data-ipsHover data-ipsHover-width='370' data-ipsHover-target='https://forum.squarespace.com/profile/306522-web_solutions/?do=hovercard&referrer=https%253A%252F%252Fforum.squarespace.com%252Ftopic%252F322547-how-to-change-colour-of-post-comment-button-text-on-comment-box%252F' title="Go to Web_Solutions's profile" class="ipsType_break">Web_Solutions</a></strong> </h3> <ul class='cAuthorPane_info ipsList_reset'> <li data-role='photo' class='cAuthorPane_photo'> <div class='cAuthorPane_photoWrap'> <a href="https://forum.squarespace.com/profile/306522-web_solutions/" data-ipsHover data-ipsHover-target="https://forum.squarespace.com/profile/306522-web_solutions/?do=hovercard" class="ipsUserPhoto ipsUserPhoto_large" title="Go to Web_Solutions's profile"> <img src='//media.invisioncic.com/p289038/monthly_2022_03/1205918931_MD_Rofik.thumb.jpg.49b7941f614f0c37dffea6552fbbf646.jpg' alt='Web_Solutions'> </a>  <img src='//media.invisioncic.com/p289038/monthly_2022_04/level12.svg.34bd51dd9e8ec3398d0b5c8054d6a686.svg' loading="lazy" alt="Level 12" class="cAuthorPane_badge cAuthorPane_badge--rank ipsOutline ipsOutline:2px" data-ipsTooltip title="Rank: Level 12 (12/20)"> </div> </li> <li data-role='group'>Circle Member</li> <li data-role='stats' class='ipsMargin_top'> <ul class="ipsList_reset ipsType_light ipsFlex ipsFlex-ai:center ipsFlex-jc:center ipsGap_row:2 cAuthorPane_stats"> <li> <a href="https://forum.squarespace.com/profile/306522-web_solutions/content/" title="1,233 posts" data-ipsTooltip class="ipsType_blendLinks"> <i class="fa fa-comment"></i> 1.2k </a> </li> <li> <a href='https://forum.squarespace.com/profile/306522-web_solutions/solutions/' title="262 solutions" data-ipsTooltip class='ipsType_blendLinks'> <i class='fa fa-check-circle'></i> 262 </a> </li> </ul> </li> </ul> </aside> <div class='ipsColumn ipsColumn_fluid ipsMargin:none'> <div id="comment-805717_wrap" data-controller="core.front.core.comment" data-commentapp="forums" data-commenttype="forums" data-commentid="805717" data-quotedata="{"userid":306522,"username":"Web_Solutions","timestamp":1729127636,"contentapp":"forums","contenttype":"forums","contentid":322547,"contentclass":"forums_Topic","contentcommentid":805717}" class="ipsComment_content ipsType_medium"> <div class="ipsComment_meta ipsType_light ipsFlex ipsFlex-ai:center ipsFlex-jc:between ipsFlex-fd:row-reverse"> <div class="ipsType_light ipsType_reset ipsType_blendLinks ipsComment_toolWrap"> <div class="ipsResponsive_hidePhone ipsComment_badges"> <ul class="ipsList_reset ipsFlex ipsFlex-jc:end ipsFlex-fw:wrap ipsGap:2 ipsGap_row:1"> <li><strong class="ipsBadge ipsBadge_large ipsBadge_positive ipsBadge_reverse"><i class="fa fa-check"></i> Solution</strong></li> </ul> </div> <ul class="ipsList_reset ipsComment_tools"> <li> <a href="#elControls_805717_menu" class="ipsComment_ellipsis" id="elControls_805717" title="More options..." data-ipsmenu data-ipsmenu-appendto="#comment-805717_wrap"><i class="fa fa-ellipsis-h"></i></a> <ul id="elControls_805717_menu" class="ipsMenu ipsMenu_narrow ipsHide"> </ul> </li> </ul> </div> <div class="ipsType_reset ipsResponsive_hidePhone"> Posted <time datetime='2024-10-17T01:13:56Z' title='10/17/2024 01:13 AM' data-short='Oct 17'>October 17</time> <span class="ipsResponsive_hidePhone"> </span> </div> </div> <div class="cPost_contentWrap"> <div data-role="commentContent" class="ipsType_normal ipsType_richText ipsPadding_bottom ipsContained" data-controller="core.front.core.lightboxedImages"> <blockquote class="ipsQuote" data-ipsquote="" data-ipsquote-contentapp="forums" data-ipsquote-contentclass="forums_Topic" data-ipsquote-contentcommentid="805707" data-ipsquote-contentid="322547" data-ipsquote-contenttype="forums" data-ipsquote-timestamp="1729124389" data-ipsquote-userid="236553" data-ipsquote-username="yogacid"> <div class="ipsQuote_citation"> 53 minutes ago, yogacid said: </div> <div class="ipsQuote_contents"> <p> That works. Thank you! Is there a way to change the text in the comment button too? And change the padding on the top and bottom of the button to make a smaller button? </p> <p> Thanks! </p> </div> </blockquote> <p> Replace the previous code with the code bellow. </p> <pre class="ipsCode prettyprint lang-html prettyprinted"><span class="pln">#comments .comment-btn.sqs-system-button { background: #749575 !important; padding: 15px 30px !important; font-size: 14px !important } #comments .comment-btn.sqs-system-button:hover { background: #ddd !important }</span></pre> <p> </p> </div> <div data-role="memberSignature" class=' ipsBorder_top ipsPadding_vertical'> <div class='ipsType_light ipsType_richText' data-ipsLazyLoad> <p> <span style="font-size:20px;"><em><span style="color:#1abc9c;"><span style="font-family:'Comic Sans MS', cursive;">If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks</span></span></em></span> </p> <p> <span style="font-size:14px;"><span style="font-family:'Trebuchet MS', Helvetica, sans-serif;"><span style="color:#000000;">MD Rofik<br /> Website Designer and Digital Marketer</span></span></span><br /> <span style="font-size:16px;"><strong><a href="https://www.buymeacoffee.com/websolutions" rel="external nofollow"><span style="color:#2c3e50;"><span class="ipsEmoji">☕</span><span style="font-family:'Trebuchet MS', Helvetica, sans-serif;">Am I helpful? Want to offer me a coffee? </span></span></a></strong><br /> <strong><a href="https://forum.squarespace.com/messenger/compose/?to=306522" rel="">✉<span style="color:#2c3e50;"> Send me a message</span></a><span style="color:#2c3e50;"><span style="font-family:'Trebuchet MS', Helvetica, sans-serif;"> if needed any help. I'll try to reply as soon as possible.</span></span></strong></span> </p> <p> <br /> <strong><span style="font-family:'Trebuchet MS', Helvetica, sans-serif;"><span style="color:#000000;"> </span></span></strong> </p> </div> </div> </div> </div> </div> </article> <a id='comment-805754'></a> <article id='elComment_805754' class='cPost ipsBox ipsResponsive_pull ipsComment ipsComment_parent ipsClearfix ipsClear ipsColumns ipsColumns_noSpacing ipsColumns_collapsePhone '> <div class='cAuthorPane_mobile ipsResponsive_showPhone'> <div class='cAuthorPane_photo'> <div class='cAuthorPane_photoWrap'> <a href="https://forum.squarespace.com/profile/236553-yogacid/" data-ipsHover data-ipsHover-target="https://forum.squarespace.com/profile/236553-yogacid/?do=hovercard" class="ipsUserPhoto ipsUserPhoto_large" title="Go to yogacid's profile"> <img src='//media.invisioncic.com/p289038/monthly_2024_10/Ying_yang_sign.thumb.jpg.be4518c0d675a36a41ace3aa187a14a0.jpg' alt='yogacid'> </a> <a href="https://forum.squarespace.com/profile/236553-yogacid/badges/"> <img src='//media.invisioncic.com/p289038/monthly_2022_04/level5.svg.43c9e78a79eff6210e2d1f7041e7c26a.svg' loading="lazy" alt="Level 5" class="cAuthorPane_badge cAuthorPane_badge--rank ipsOutline ipsOutline:2px" data-ipsTooltip title="Rank: Level 5 (5/20)"> </a> </div> </div> <div class='cAuthorPane_content'> <h3 class='ipsType_sectionHead cAuthorPane_author ipsType_break ipsType_blendLinks ipsFlex ipsFlex-ai:center'> <a href='https://forum.squarespace.com/profile/236553-yogacid/' rel="nofollow" data-ipsHover data-ipsHover-width='370' data-ipsHover-target='https://forum.squarespace.com/profile/236553-yogacid/?do=hovercard&referrer=https%253A%252F%252Fforum.squarespace.com%252Ftopic%252F322547-how-to-change-colour-of-post-comment-button-text-on-comment-box%252F' title="Go to yogacid's profile" class="ipsType_break">yogacid</a> </h3> <div class='ipsType_light ipsType_reset'> <a href='https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/?do=findComment&comment=805754' class='ipsType_blendLinks'>Posted <time datetime='2024-10-17T05:07:03Z' title='10/17/2024 05:07 AM' data-short='Oct 17'>October 17</time></a> </div> </div> </div> <aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone'> <h3 class='ipsType_sectionHead cAuthorPane_author ipsType_blendLinks ipsType_break'><strong> <a href='https://forum.squarespace.com/profile/236553-yogacid/' rel="nofollow" data-ipsHover data-ipsHover-width='370' data-ipsHover-target='https://forum.squarespace.com/profile/236553-yogacid/?do=hovercard&referrer=https%253A%252F%252Fforum.squarespace.com%252Ftopic%252F322547-how-to-change-colour-of-post-comment-button-text-on-comment-box%252F' title="Go to yogacid's profile" class="ipsType_break">yogacid</a></strong> </h3> <ul class='cAuthorPane_info ipsList_reset'> <li data-role='photo' class='cAuthorPane_photo'> <div class='cAuthorPane_photoWrap'> <a href="https://forum.squarespace.com/profile/236553-yogacid/" data-ipsHover data-ipsHover-target="https://forum.squarespace.com/profile/236553-yogacid/?do=hovercard" class="ipsUserPhoto ipsUserPhoto_large" title="Go to yogacid's profile"> <img src='//media.invisioncic.com/p289038/monthly_2024_10/Ying_yang_sign.thumb.jpg.be4518c0d675a36a41ace3aa187a14a0.jpg' alt='yogacid'> </a>  <img src='//media.invisioncic.com/p289038/monthly_2022_04/level5.svg.43c9e78a79eff6210e2d1f7041e7c26a.svg' loading="lazy" alt="Level 5" class="cAuthorPane_badge cAuthorPane_badge--rank ipsOutline ipsOutline:2px" data-ipsTooltip title="Rank: Level 5 (5/20)"> </div> </li> <li data-role='group'>Circle Member</li> <li data-role='stats' class='ipsMargin_top'> <ul class="ipsList_reset ipsType_light ipsFlex ipsFlex-ai:center ipsFlex-jc:center ipsGap_row:2 cAuthorPane_stats"> <li> <a href="https://forum.squarespace.com/profile/236553-yogacid/content/" title="54 posts" data-ipsTooltip class="ipsType_blendLinks"> <i class="fa fa-comment"></i> 54 </a> </li> </ul> </li> </ul> </aside> <div class='ipsColumn ipsColumn_fluid ipsMargin:none'> <div id="comment-805754_wrap" data-controller="core.front.core.comment" data-commentapp="forums" data-commenttype="forums" data-commentid="805754" data-quotedata="{"userid":236553,"username":"yogacid","timestamp":1729141623,"contentapp":"forums","contenttype":"forums","contentid":322547,"contentclass":"forums_Topic","contentcommentid":805754}" class="ipsComment_content ipsType_medium"> <div class="ipsComment_meta ipsType_light ipsFlex ipsFlex-ai:center ipsFlex-jc:between ipsFlex-fd:row-reverse"> <div class="ipsType_light ipsType_reset ipsType_blendLinks ipsComment_toolWrap"> <div class="ipsResponsive_hidePhone ipsComment_badges"> <ul class="ipsList_reset ipsFlex ipsFlex-jc:end ipsFlex-fw:wrap ipsGap:2 ipsGap_row:1"> <li><strong class="ipsBadge ipsBadge_large ipsComment_authorBadge">Author</strong></li> </ul> </div> <ul class="ipsList_reset ipsComment_tools"> <li> <a href="#elControls_805754_menu" class="ipsComment_ellipsis" id="elControls_805754" title="More options..." data-ipsmenu data-ipsmenu-appendto="#comment-805754_wrap"><i class="fa fa-ellipsis-h"></i></a> <ul id="elControls_805754_menu" class="ipsMenu ipsMenu_narrow ipsHide"> </ul> </li> </ul> </div> <div class="ipsType_reset ipsResponsive_hidePhone"> Posted <time datetime='2024-10-17T05:07:03Z' title='10/17/2024 05:07 AM' data-short='Oct 17'>October 17</time> <span class="ipsResponsive_hidePhone"> </span> </div> </div> <div class="cPost_contentWrap"> <div data-role="commentContent" class="ipsType_normal ipsType_richText ipsPadding_bottom ipsContained" data-controller="core.front.core.lightboxedImages"> <blockquote class="ipsQuote" data-ipsquote="" data-ipsquote-contentapp="forums" data-ipsquote-contentclass="forums_Topic" data-ipsquote-contentcommentid="805717" data-ipsquote-contentid="322547" data-ipsquote-contenttype="forums" data-ipsquote-timestamp="1729127636" data-ipsquote-userid="306522" data-ipsquote-username="Web_Solutions"> <div class="ipsQuote_citation"> 3 hours ago, Web_Solutions said: </div> <div class="ipsQuote_contents"> <p> Replace the previous code with the code bellow. </p> <pre class="ipsCode prettyprint lang-html prettyprinted"><span class="pln">#comments .comment-btn.sqs-system-button { background: #749575 !important; padding: 15px 30px !important; font-size: 14px !important } #comments .comment-btn.sqs-system-button:hover { background: #ddd !important }</span></pre> <p> </p> </div> </blockquote> <p> Hey, you're awesome, thanks. I am wondering though if there's a way to change the text within the comment button. I would like it to just say "Post Comment" instead of "Post Comment..."<br /> <br /> Also, is there a way to reduce the size of the "Comments (0)" text above the comment box to be the same size as the "Newest First" text? </p> </div> </div> </div> </div> </article> <a id='comment-805756'></a> <article id='elComment_805756' class='cPost ipsBox ipsResponsive_pull ipsComment ipsComment_parent ipsClearfix ipsClear ipsColumns ipsColumns_noSpacing ipsColumns_collapsePhone '> <div class='cAuthorPane_mobile ipsResponsive_showPhone'> <div class='cAuthorPane_photo'> <div class='cAuthorPane_photoWrap'> <a href="https://forum.squarespace.com/profile/306522-web_solutions/" data-ipsHover data-ipsHover-target="https://forum.squarespace.com/profile/306522-web_solutions/?do=hovercard" class="ipsUserPhoto ipsUserPhoto_large" title="Go to Web_Solutions's profile"> <img src='//media.invisioncic.com/p289038/monthly_2022_03/1205918931_MD_Rofik.thumb.jpg.49b7941f614f0c37dffea6552fbbf646.jpg' alt='Web_Solutions'> </a> <a href="https://forum.squarespace.com/profile/306522-web_solutions/badges/"> <img src='//media.invisioncic.com/p289038/monthly_2022_04/level12.svg.34bd51dd9e8ec3398d0b5c8054d6a686.svg' loading="lazy" alt="Level 12" class="cAuthorPane_badge cAuthorPane_badge--rank ipsOutline ipsOutline:2px" data-ipsTooltip title="Rank: Level 12 (12/20)"> </a> </div> </div> <div class='cAuthorPane_content'> <h3 class='ipsType_sectionHead cAuthorPane_author ipsType_break ipsType_blendLinks ipsFlex ipsFlex-ai:center'> <a href='https://forum.squarespace.com/profile/306522-web_solutions/' rel="nofollow" data-ipsHover data-ipsHover-width='370' data-ipsHover-target='https://forum.squarespace.com/profile/306522-web_solutions/?do=hovercard&referrer=https%253A%252F%252Fforum.squarespace.com%252Ftopic%252F322547-how-to-change-colour-of-post-comment-button-text-on-comment-box%252F' title="Go to Web_Solutions's profile" class="ipsType_break">Web_Solutions</a> </h3> <div class='ipsType_light ipsType_reset'> <a href='https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/?do=findComment&comment=805756' class='ipsType_blendLinks'>Posted <time datetime='2024-10-17T05:42:26Z' title='10/17/2024 05:42 AM' data-short='Oct 17'>October 17</time></a> </div> </div> </div> <aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone'> <h3 class='ipsType_sectionHead cAuthorPane_author ipsType_blendLinks ipsType_break'><strong> <a href='https://forum.squarespace.com/profile/306522-web_solutions/' rel="nofollow" data-ipsHover data-ipsHover-width='370' data-ipsHover-target='https://forum.squarespace.com/profile/306522-web_solutions/?do=hovercard&referrer=https%253A%252F%252Fforum.squarespace.com%252Ftopic%252F322547-how-to-change-colour-of-post-comment-button-text-on-comment-box%252F' title="Go to Web_Solutions's profile" class="ipsType_break">Web_Solutions</a></strong> </h3> <ul class='cAuthorPane_info ipsList_reset'> <li data-role='photo' class='cAuthorPane_photo'> <div class='cAuthorPane_photoWrap'> <a href="https://forum.squarespace.com/profile/306522-web_solutions/" data-ipsHover data-ipsHover-target="https://forum.squarespace.com/profile/306522-web_solutions/?do=hovercard" class="ipsUserPhoto ipsUserPhoto_large" title="Go to Web_Solutions's profile"> <img src='//media.invisioncic.com/p289038/monthly_2022_03/1205918931_MD_Rofik.thumb.jpg.49b7941f614f0c37dffea6552fbbf646.jpg' alt='Web_Solutions'> </a>  <img src='//media.invisioncic.com/p289038/monthly_2022_04/level12.svg.34bd51dd9e8ec3398d0b5c8054d6a686.svg' loading="lazy" alt="Level 12" class="cAuthorPane_badge cAuthorPane_badge--rank ipsOutline ipsOutline:2px" data-ipsTooltip title="Rank: Level 12 (12/20)"> </div> </li> <li data-role='group'>Circle Member</li> <li data-role='stats' class='ipsMargin_top'> <ul class="ipsList_reset ipsType_light ipsFlex ipsFlex-ai:center ipsFlex-jc:center ipsGap_row:2 cAuthorPane_stats"> <li> <a href="https://forum.squarespace.com/profile/306522-web_solutions/content/" title="1,233 posts" data-ipsTooltip class="ipsType_blendLinks"> <i class="fa fa-comment"></i> 1.2k </a> </li> <li> <a href='https://forum.squarespace.com/profile/306522-web_solutions/solutions/' title="262 solutions" data-ipsTooltip class='ipsType_blendLinks'> <i class='fa fa-check-circle'></i> 262 </a> </li> </ul> </li> </ul> </aside> <div class='ipsColumn ipsColumn_fluid ipsMargin:none'> <div id="comment-805756_wrap" data-controller="core.front.core.comment" data-commentapp="forums" data-commenttype="forums" data-commentid="805756" data-quotedata="{"userid":306522,"username":"Web_Solutions","timestamp":1729143746,"contentapp":"forums","contenttype":"forums","contentid":322547,"contentclass":"forums_Topic","contentcommentid":805756}" class="ipsComment_content ipsType_medium"> <div class="ipsComment_meta ipsType_light ipsFlex ipsFlex-ai:center ipsFlex-jc:between ipsFlex-fd:row-reverse"> <div class="ipsType_light ipsType_reset ipsType_blendLinks ipsComment_toolWrap"> <div class="ipsResponsive_hidePhone ipsComment_badges"> <ul class="ipsList_reset ipsFlex ipsFlex-jc:end ipsFlex-fw:wrap ipsGap:2 ipsGap_row:1"> </ul> </div> <ul class="ipsList_reset ipsComment_tools"> <li> <a href="#elControls_805756_menu" class="ipsComment_ellipsis" id="elControls_805756" title="More options..." data-ipsmenu data-ipsmenu-appendto="#comment-805756_wrap"><i class="fa fa-ellipsis-h"></i></a> <ul id="elControls_805756_menu" class="ipsMenu ipsMenu_narrow ipsHide"> </ul> </li> </ul> </div> <div class="ipsType_reset ipsResponsive_hidePhone"> Posted <time datetime='2024-10-17T05:42:26Z' title='10/17/2024 05:42 AM' data-short='Oct 17'>October 17</time> <span class="ipsResponsive_hidePhone"> </span> </div> </div> <div class="cPost_contentWrap"> <div data-role="commentContent" class="ipsType_normal ipsType_richText ipsPadding_bottom ipsContained" data-controller="core.front.core.lightboxedImages"> <blockquote class="ipsQuote" data-ipsquote="" data-ipsquote-contentapp="forums" data-ipsquote-contentclass="forums_Topic" data-ipsquote-contentcommentid="805754" data-ipsquote-contentid="322547" data-ipsquote-contenttype="forums" data-ipsquote-timestamp="1729141623" data-ipsquote-userid="236553" data-ipsquote-username="yogacid"> <div class="ipsQuote_citation"> 34 minutes ago, yogacid said: </div> <div class="ipsQuote_contents"> <p> Hey, you're awesome, thanks. I am wondering though if there's a way to change the text within the comment button. I would like it to just say "Post Comment" instead of "Post Comment..."<br /> <br /> Also, is there a way to reduce the size of the "Comments (0)" text above the comment box to be the same size as the "Newest First" text? </p> </div> </blockquote> <p> <strong><span style="background-color:#f3fcf5;color:#0e0e0e;font-size:16px;">Replace the previous code with the code bellow.</span></strong> </p> <pre class="ipsCode prettyprint lang-html prettyprinted"><span class="pln">#comments .comment-btn.sqs-system-button { background: #749575 !important; padding: 15px 30px !important; font-size: 0px !important; } #comments .comment-btn.sqs-system-button:after { content: "Post Comment"; font-size: 14px !important; } #comments .comment-btn.sqs-system-button:hover { background: #ddd !important; }</span></pre> <p> </p> <p><a href="//media.invisioncic.com/p289038/monthly_2024_10/Screenshot_251.png.1d18d71621c0e9a0bb23fc27fdbada5d.png" class="ipsAttachLink ipsAttachLink_image" ><img data-fileid="193008" src="//forum.squarespace.com/applications/core/interface/js/spacer.png" data-src="//media.invisioncic.com/p289038/monthly_2024_10/Screenshot_251.thumb.png.3d843b7a95ec205374fda159ae1fd237.png" data-ratio="41.5" width="1000" class="ipsImage ipsImage_thumbnailed" alt="Screenshot_251.png"></a></p> </div> <div data-role="memberSignature" class=' ipsBorder_top ipsPadding_vertical'> <div class='ipsType_light ipsType_richText' data-ipsLazyLoad> <p> <span style="font-size:20px;"><em><span style="color:#1abc9c;"><span style="font-family:'Comic Sans MS', cursive;">If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks</span></span></em></span> </p> <p> <span style="font-size:14px;"><span style="font-family:'Trebuchet MS', Helvetica, sans-serif;"><span style="color:#000000;">MD Rofik<br /> Website Designer and Digital Marketer</span></span></span><br /> <span style="font-size:16px;"><strong><a href="https://www.buymeacoffee.com/websolutions" rel="external nofollow"><span style="color:#2c3e50;"><span class="ipsEmoji">☕</span><span style="font-family:'Trebuchet MS', Helvetica, sans-serif;">Am I helpful? Want to offer me a coffee? </span></span></a></strong><br /> <strong><a href="https://forum.squarespace.com/messenger/compose/?to=306522" rel="">✉<span style="color:#2c3e50;"> Send me a message</span></a><span style="color:#2c3e50;"><span style="font-family:'Trebuchet MS', Helvetica, sans-serif;"> if needed any help. I'll try to reply as soon as possible.</span></span></strong></span> </p> <p> <br /> <strong><span style="font-family:'Trebuchet MS', Helvetica, sans-serif;"><span style="color:#000000;"> </span></span></strong> </p> </div> </div> </div> </div> </div> </article> <input type="hidden" name="csrfKey" value="f45571175bcc5773a01ebcd8e5630ee7" /> </form> </div> <a id="replyForm"></a> <div data-role="replyArea" class="cTopicPostArea ipsBox ipsResponsive_pull ipsPadding cTopicPostArea_noSize ipsSpacer_top" data-controller="cloud.front.realtime.forumsReplyArea,cloud.front.realtime.whosTyping"> <div data-controller="core.global.core.login"> <input type="hidden" name="csrfKey" value="f45571175bcc5773a01ebcd8e5630ee7"> <div class="ipsType_center cGuestTeaser"> <h2 class="ipsType_pageTitle">Create an account or sign in to comment</h2> <p class="ipsType_light ipsType_normal ipsType_reset ipsSpacer_top ipsSpacer_half">You need to be a member in order to leave a comment</p> <div class="ipsType_center ipsSpacer_top ipsSpacer_double"> <a href="https://forum.squarespace.com/login/" class="ipsButton ipsButton_medium ipsButton_important">Sign Up / Login</a> </div> </div> </div> </div> <div class="ipsBox ipsPadding ipsResponsive_pull ipsResponsive_showPhone ipsMargin_top"> <div class="ipsResponsive_noFloat ipsResponsive_block ipsMargin_bottom:half"> </div> <div class="ipsResponsive_noFloat ipsResponsive_block"> <div data-followApp='forums' data-followArea='topic' data-followID='322547' data-controller='core.front.core.followButton'> <a href="https://forum.squarespace.com/login/?ref=aHR0cHM6Ly9mb3J1bS5zcXVhcmVzcGFjZS5jb20vdG9waWMvMzIyNTQ3LWhvdy10by1jaGFuZ2UtY29sb3VyLW9mLXBvc3QtY29tbWVudC1idXR0b24tdGV4dC1vbi1jb21tZW50LWJveC8=" class="ipsFollow ipsPos_middle ipsButton ipsButton_light ipsButton_verySmall " data-role="followButton" data-ipstooltip title="Sign in to follow this"> <span>Followers</span> <span class="ipsCommentCount">2</span> </a> </div> </div> </div> </div> <div class="ipsPager ipsSpacer_top"> <div class="ipsPager_prev"> <a href="https://forum.squarespace.com/forum/39-customize-with-code/" title="Go to Customize with code" rel="parent"> <span class="ipsPager_type">Go to topic listing</span> </a> </div> </div> </div> <div id='ipsLayout_sidebar' class='ipsLayout_sidebarright ' data-controller='core.front.widgets.sidebar'> <div class='squareSpace_featuredTopics'> <h3 class='ipsType_reset squareSpace_featuredTopics_title'>News</h3> <ul class='ipsList_reset squareSpace_featuredTopics_links ipsType_blendLinks'> <li> <a href='https://forum.squarespace.com/topic/323411-whats-new-at-squarespace-%E2%80%94-october-2024/' target="_blank" rel='noopener'>What's new at Squarespace - October 2024 <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.25 18H12L19 11L12 4L9.25 4L15.25 10L3 10V12L15.25 12L9.25 18Z"></path></svg></a> </li> <li> <a href='https://forum.squarespace.com/topic/317801-new-acuity-scheduling-webinar-series/' target="_blank" rel='noopener'>New Acuity Scheduling webinar series <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.25 18H12L19 11L12 4L9.25 4L15.25 10L3 10V12L15.25 12L9.25 18Z"></path></svg></a> </li> </ul> </div> <aside id="elContextualTools" class='ipsClearfix' > <div class="ipsBox ipsResponsive_hideTablet ipsResponsive_hidePhone cTopicOverview cTopicOverview--sidebar ipsFlex ipsFlex-fd:column md:ipsFlex-fd:row sm:ipsFlex-fd:column" data-controller='forums.front.topic.activity'> <div class='cTopicOverview__header ipsAreaBackground_light ipsFlex sm:ipsFlex-fw:wrap sm:ipsFlex-jc:center'> <ul class='cTopicOverview__stats ipsPadding ipsMargin:none sm:ipsPadding_horizontal:half ipsFlex ipsFlex-flex:10 ipsFlex-jc:around ipsFlex-ai:center'> <li class='cTopicOverview__statItem ipsType_center'> <span class='cTopicOverview__statTitle ipsType_light ipsTruncate ipsTruncate_line'>Replies</span> <span class='cTopicOverview__statValue'>5</span> </li> <li class='cTopicOverview__statItem ipsType_center'> <span class='cTopicOverview__statTitle ipsType_light ipsTruncate ipsTruncate_line'>Views</span> <span class='cTopicOverview__statValue'>396</span> </li> <li class='cTopicOverview__statItem ipsType_center'> <span class='cTopicOverview__statTitle ipsType_light ipsTruncate ipsTruncate_line'>Created</span> <span class='cTopicOverview__statValue'><time datetime='2024-10-16T23:56:51Z' title='10/16/2024 11:56 PM' data-short='Oct 16'>Oct 16</time></span> </li> <li class='cTopicOverview__statItem ipsType_center'> <span class='cTopicOverview__statTitle ipsType_light ipsTruncate ipsTruncate_line'>Last Reply </span> <span class='cTopicOverview__statValue'><time datetime='2024-10-17T05:42:26Z' title='10/17/2024 05:42 AM' data-short='Oct 17'>Oct 17</time></span> </li> </ul> <a href='#' data-action='toggleOverview' class='cTopicOverview__toggle cTopicOverview__toggle--inline ipsType_large ipsType_light ipsPad ipsFlex ipsFlex-ai:center ipsFlex-jc:center'><i class='fa fa-chevron-down'></i></a> </div> <div class='cTopicOverview__body ipsPadding ' data-role="overview"> <div class='cTopicOverview__section--users ipsMargin_bottom'> <h4 class='ipsType_reset cTopicOverview__sectionTitle ipsType_withHr ipsType_dark ipsType_uppercase ipsMargin_bottom'>Top Posters In This Topic</h4> <ul class='cTopicOverview__dataList ipsList_reset ipsFlex ipsFlex-jc:between ipsFlex-ai:center ipsFlex-fw:wrap ipsGap:8 ipsGap_row:5'> <li class="cTopicOverview__dataItem cTopicOverview__dataItem--split ipsFlex ipsFlex-jc:start ipsFlex-ai:center ipsFlex-flex:11"> <a href="https://forum.squarespace.com/profile/236553-yogacid/" data-ipsHover data-ipsHover-target="https://forum.squarespace.com/profile/236553-yogacid/?do=hovercard" class="ipsUserPhoto ipsUserPhoto_tiny" title="Go to yogacid's profile"> <img src='//media.invisioncic.com/p289038/monthly_2024_10/Ying_yang_sign.thumb.jpg.be4518c0d675a36a41ace3aa187a14a0.jpg' alt='yogacid'> </a> <p class='ipsMargin:none ipsMargin_left:half cTopicOverview__dataItemInner ipsType_left'> <strong class='ipsTruncate ipsTruncate_line'><a href='https://forum.squarespace.com/profile/236553-yogacid/' class='ipsType_blendLinks'>yogacid</a></strong> <span class='ipsType_light'>3 posts</span> </p> </li> <li class="cTopicOverview__dataItem cTopicOverview__dataItem--split ipsFlex ipsFlex-jc:start ipsFlex-ai:center ipsFlex-flex:11"> <a href="https://forum.squarespace.com/profile/306522-web_solutions/" data-ipsHover data-ipsHover-target="https://forum.squarespace.com/profile/306522-web_solutions/?do=hovercard" class="ipsUserPhoto ipsUserPhoto_tiny" title="Go to Web_Solutions's profile"> <img src='//media.invisioncic.com/p289038/monthly_2022_03/1205918931_MD_Rofik.thumb.jpg.49b7941f614f0c37dffea6552fbbf646.jpg' alt='Web_Solutions'> </a> <p class='ipsMargin:none ipsMargin_left:half cTopicOverview__dataItemInner ipsType_left'> <strong class='ipsTruncate ipsTruncate_line'><a href='https://forum.squarespace.com/profile/306522-web_solutions/' class='ipsType_blendLinks'>Web_Solutions</a></strong> <span class='ipsType_light'>3 posts</span> </p> </li> </ul> </div> <div class='cTopicOverview__section--popularDays ipsMargin_bottom'> <h4 class='ipsType_reset cTopicOverview__sectionTitle ipsType_withHr ipsType_dark ipsType_uppercase ipsMargin_top:half ipsMargin_bottom'>Popular Days</h4> <ul class='cTopicOverview__dataList ipsList_reset ipsFlex ipsFlex-jc:between ipsFlex-ai:center ipsFlex-fw:wrap ipsGap:8 ipsGap_row:5'> <li class='ipsFlex-flex:10'> <a href="https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/?do=findComment&comment=805703" rel="nofollow" class='cTopicOverview__dataItem ipsType_blendLinks'> <p class='ipsMargin:none ipsType_bold'>Oct 17 2024</p> <p class='ipsMargin:none ipsType_light'>5 posts</p> </a> </li> <li class='ipsFlex-flex:10'> <a href="https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/?do=findComment&comment=805700" rel="nofollow" class='cTopicOverview__dataItem ipsType_blendLinks'> <p class='ipsMargin:none ipsType_bold'>Oct 16 2024</p> <p class='ipsMargin:none ipsType_light'>1 post</p> </a> </li> </ul> </div> <div class='cTopicOverview__section--images'> <h4 class='ipsType_reset cTopicOverview__sectionTitle ipsType_withHr ipsType_dark ipsType_uppercase ipsMargin_top:half'>Posted Images</h4> <div class="ipsMargin_top:half" data-controller='core.front.core.lightboxedImages'> <ul class='cTopicOverview__imageGrid ipsMargin:none ipsPadding:none ipsList_style:none ipsFlex ipsFlex-fw:wrap'> <li class='cTopicOverview__image'> <a href="https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/?do=findComment&comment=805756" rel="nofollow" class='ipsThumb ipsThumb_bg' data-background-src="//media.invisioncic.com/p289038/monthly_2024_10/Screenshot_251.thumb.png.3d843b7a95ec205374fda159ae1fd237.png"> <img src="//forum.squarespace.com/applications/core/interface/js/spacer.png" data-src="//media.invisioncic.com/p289038/monthly_2024_10/Screenshot_251.thumb.png.3d843b7a95ec205374fda159ae1fd237.png" class="ipsImage"> </a> </li> <li class='cTopicOverview__image'> <a href="https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/?do=findComment&comment=805703" rel="nofollow" class='ipsThumb ipsThumb_bg' data-background-src="//media.invisioncic.com/p289038/monthly_2024_10/Screenshot_251.thumb.png.0e5c3cc3d0b64b7f4cf119e5615a495a.png"> <img src="//forum.squarespace.com/applications/core/interface/js/spacer.png" data-src="//media.invisioncic.com/p289038/monthly_2024_10/Screenshot_251.thumb.png.0e5c3cc3d0b64b7f4cf119e5615a495a.png" class="ipsImage"> </a> </li> </ul> </div> </div> </div> </div> </aside> <hr class='ipsHr ipsSpacer_both'> </div> </div> </div> </main> <footer id="ipsLayout_footer" class="ipsClearfix"> <div class="ipsLayout_container"> </div> <div id="consent_blackbar"></div> </footer> <div id="elMobileDrawer" class="ipsDrawer ipsHide"> <div class="ipsDrawer_menu"> <a href="#" class="ipsDrawer_close" data-action="close"><span>×</span></a> <div class="ipsDrawer_content ipsFlex ipsFlex-fd:column"> <ul id="elUserNav_mobile" class="ipsList_inline signed_in ipsClearfix"> </ul> <div class="ipsPadding ipsBorder_bottom"> <ul class="ipsToolList ipsToolList_vertical"> <li> <a href="https://forum.squarespace.com/login/?ref=aHR0cHM6Ly9mb3J1bS5zcXVhcmVzcGFjZS5jb20vdG9waWMvMzIyNTQ3LWhvdy10by1jaGFuZ2UtY29sb3VyLW9mLXBvc3QtY29tbWVudC1idXR0b24tdGV4dC1vbi1jb21tZW50LWJveC8=" id="elSigninButton_mobile" class="ipsButton ipsButton_light ipsButton_small ipsButton_fullWidth">Existing user? Sign In</a> </li> <li> <a href="https://forum.squarespace.com/login" target="_blank" rel="noopener" class="ipsButton ipsButton_small ipsButton_fullWidth ipsButton_important">Sign Up</a> </li> </ul> </div> <ul class="ipsDrawer_list ipsFlex-flex:11"> <li data-mobile-nav-id="62"><a href="https://forum.squarespace.com" >Squarespace Forum</a></li> <li class="ipsDrawer_itemParent" data-mobile-nav-id="63"> <h4 class="ipsDrawer_title"><a href="#">Circle Benefits</a></h4> <ul class="ipsDrawer_list"> <li data-action="back"><a href="#">Back</a></li> <li> <a href='https://support.squarespace.com/hc/en-us/articles/17127487603341-Squarespace-Circle-discount-and-benefits-overview' target='_blank' rel="noopener"> Circle Benefits </a> </li> <li> <a href='https://forum.squarespace.com/member-perks/' > Partner Discounts </a> </li> </ul> </li> <li data-mobile-nav-id="61"><a href="https://forum.squarespace.com/events/" >Events</a></li> <li data-mobile-nav-id="43"><a href="https://support.squarespace.com/hc/en-us/categories/200352188-Knowledge-Base" target="_blank" rel="noopener" >Help Guides</a></li> <li data-mobile-nav-id="44"><a href="https://forum.squarespace.com/guidelines/" >Guidelines</a></li> <li data-mobile-nav-id="39"><a href="http://pros.squarespace.com/" target="_blank" rel="noopener" >Blog</a></li> <li class="ipsDrawer_itemParent" data-mobile-nav-id="45"> <h4 class="ipsDrawer_title"><a href="#">Events</a></h4> <ul class="ipsDrawer_list"> <li data-action="back"><a href="#">Back</a></li> <li> <a href='https://forum.squarespace.com/events/___' > Upcoming </a> </li> <li> <a href='https://forum.squarespace.com/events/4-events-calendar/' > Event Calendar </a> </li> <li> <a href='https://forum.squarespace.com/events/___' > Past Events </a> </li> <li> <a href='https://forum.squarespace.com/circle_live_episodes/' > Circle Live Episodes </a> </li> <li class='ipsDrawer_itemParent'> <h4 class='ipsDrawer_title'><a href='#'>Circle Day</a></h4> <ul class='ipsDrawer_list'> <li data-action="back"><a href='#'>Back</a></li> <li> <a href='https://forum.squarespace.com/learning-paths/circleday-2023/' > Circle Day 2023 </a> </li> <li> <a href='https://forum.squarespace.com/learning-paths/circleday/' > Circle Day 2022 </a> </li> </ul> </li> </ul> </li> <li class="ipsDrawer_itemParent" data-mobile-nav-id="46"> <h4 class="ipsDrawer_title"><a href="#">Resources</a></h4> <ul class="ipsDrawer_list"> <li data-action="back"><a href="#">Back</a></li> <li> <a href='https://support.squarespace.com/hc/en-us/sections/17125131469325-Squarespace-Circle' target='_blank' rel="noopener"> Help Guides </a> </li> <li> <a href='https://support.squarespace.com/hc/en-us/articles/17127487603341-Squarespace-Circle-discount-and-benefits-overview' target='_blank' rel="noopener"> Benefits </a> </li> <li> <a href='https://support.squarespace.com/hc/en-us/articles/4418794433421-Squarespace-Circle-referral-payments' target='_blank' rel="noopener"> Referral Payments </a> </li> </ul> </li> <li class="ipsDrawer_itemParent" data-mobile-nav-id="66"> <h4 class="ipsDrawer_title"><a href="#">Product Updates</a></h4> <ul class="ipsDrawer_list"> <li data-action="back"><a href="#">Back</a></li> <li> <a href='https://forum.squarespace.com/ideas/' > Feature Requests </a> </li> <li> <a href='https://forum.squarespace.com/forum/99-release-notes/' > Release Notes </a> </li> </ul> </li> </ul> </div> </div> </div> <div id="elMobileCreateMenuDrawer" class="ipsDrawer ipsHide"> <div class="ipsDrawer_menu"> <a href="#" class="ipsDrawer_close" data-action="close"><span>×</span></a> <div class="ipsDrawer_content ipsSpacer_bottom ipsPad"> <ul class="ipsDrawer_list"> <li class="ipsDrawer_listTitle ipsType_reset">Create New...</li> </ul> </div> </div> </div> <script type='text/javascript'> var ipsDebug = false; var CKEDITOR_BASEPATH = '//forum.squarespace.com/applications/core/interface/ckeditor/ckeditor/'; var ipsSettings = { cookie_path: "/", cookie_prefix: "ips4_", cookie_ssl: true, essential_cookies: ["forumpass_*","cm_reg","location","currency","guestTransactionKey","oauth_authorize","member_id","login_key","clearAutosave","lastSearch","device_key","IPSSessionFront","loggedIn","noCache","hasJS","cookie_consent","cookie_consent_optional"], upload_imgURL: "", message_imgURL: "", notification_imgURL: "", baseURL: "//forum.squarespace.com/", jsURL: "//forum.squarespace.com/applications/core/interface/js/js.php", csrfKey: "f45571175bcc5773a01ebcd8e5630ee7", antiCache: "d815db93211731604013", jsAntiCache: "d815db93211732987255", disableNotificationSounds: true, useCompiledFiles: true, links_external: true, memberID: 0, lazyLoadEnabled: true, blankImg: "//forum.squarespace.com/applications/core/interface/js/spacer.png", googleAnalyticsEnabled: false, matomoEnabled: false, viewProfiles: true, mapProvider: 'none', mapApiKey: '', pushPublicKey: "BJDX7004-1iPefY1Kd55H1XSBtxe3NoAF_UemGSjt1Q7hYR7_SE49_gUctgrS1Uo0NXdr63spntjkzxao3s6N-8", relativeDates: true }; ipsSettings['maxImageDimensions'] = { width: 1000, height: 750 }; </script> <script type='text/javascript' src='//media.invisioncic.com/p289038/javascript_global/root_library.js?v=d815db93211732987255' data-ips></script> <script type='text/javascript' src='//media.invisioncic.com/p289038/javascript_global/root_js_lang_1.js?v=d815db93211732987255' data-ips></script> <script type='text/javascript' src='//media.invisioncic.com/p289038/javascript_global/root_framework.js?v=d815db93211732987255' data-ips></script> <script type='text/javascript' src='//media.invisioncic.com/p289038/javascript_core/global_global_core.js?v=d815db93211732987255' data-ips></script> <script type='text/javascript' src='//media.invisioncic.com/p289038/javascript_global/root_front.js?v=d815db93211732987255' data-ips></script> <script type='text/javascript' src='//media.invisioncic.com/p289038/javascript_core/front_front_core.js?v=d815db93211732987255' data-ips></script> <script type='text/javascript' src='//media.invisioncic.com/p289038/javascript_forums/front_front_topic.js?v=d815db93211732987255' data-ips></script> <script type='text/javascript' src='//media.invisioncic.com/p289038/javascript_cloud/front_front_realtime.js?v=d815db93211732987255' data-ips></script> <script type='text/javascript' src='//media.invisioncic.com/p289038/javascript_cloud/front_app.js?v=d815db93211732987255' data-ips></script> <script type='text/javascript' src='//media.invisioncic.com/p289038/javascript_global/root_map.js?v=d815db93211732987255' data-ips></script> <script type='text/javascript'> ips.setSetting( 'date_format', jQuery.parseJSON('"mm\/dd\/yy"') ); ips.setSetting( 'date_first_day', jQuery.parseJSON('0') ); ips.setSetting( 'ipb_url_filter_option', jQuery.parseJSON('"none"') ); ips.setSetting( 'url_filter_any_action', jQuery.parseJSON('"allow"') ); ips.setSetting( 'bypass_profanity', jQuery.parseJSON('0') ); ips.setSetting( 'emoji_style', jQuery.parseJSON('"native"') ); ips.setSetting( 'emoji_shortcodes', jQuery.parseJSON('true') ); ips.setSetting( 'emoji_ascii', jQuery.parseJSON('true') ); ips.setSetting( 'emoji_cache', jQuery.parseJSON('1681298360') ); ips.setSetting( 'image_jpg_quality', jQuery.parseJSON('85') ); ips.setSetting( 'cloud2', jQuery.parseJSON('true') ); ips.setSetting( 'isAnonymous', jQuery.parseJSON('false') ); ips.setSetting( 'socketEnabled', jQuery.parseJSON('true') ); ips.setSetting( 'socketUrl', jQuery.parseJSON('"https:\/\/live.invisioncommunity.cloud"') ); ips.setSetting( 'siteId', jQuery.parseJSON('"p289038"') ); ips.setSetting( 'page_token', jQuery.parseJSON('"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJleHAiOjE3MzMwMDM1NDMsInN1YiI6bnVsbCwibWdyb3VwcyI6WzJdLCJpc3MiOiJwMjg5MDM4IiwibG9jYXRpb24iOiIyYjFiZmU5ODc1YWE2MDZiOTY4NjE5Y2FjNTNmYmVmMCIsIm90aGVyTG9jYXRpb25zIjpbXSwidXNlcm5hbWUiOiJjODVkYTA0MTRmNzUzMWFhYjEwNzY3NWRhZWYxMWY0MCIsInBob3RvIjoiXC9cL21lZGlhLmludmlzaW9uY2ljLmNvbVwvcDI4OTAzOFwvc2V0X3Jlc291cmNlc18xM1wvODRjMWU0MGVhMGU3NTllM2YxNTA1ZWIxNzg4ZGRmM2NfZGVmYXVsdF9waG90by5wbmciLCJhbm9uIjpmYWxzZSwiaXBzTG9uZ1ZlcnNpb24iOjEwNzc4NX0.c1XnG0EPKo4ggxEI0Ws8iUQdSvmXi_8KykZoPoL0Csk"') ); ips.setSetting( 'features', {"analytics_full":true} ); </script> <script type='application/ld+json'> { "name": "How to change colour of \"Post Comment\" button / text on comment box?", "headline": "How to change colour of \"Post Comment\" button / text on comment box?", "text": "Site URL: https://psygaia.org/blog/decolonizing-psychedelic-healing-addressing-racial-trauma-and-building-inclusivity-in-psychedelic-therapy \n\tWhy can\u0027t I see the \"post comment\" button / text until I hover over it? Please help!\n \n", "dateCreated": "2024-10-16T23:56:51+0000", "datePublished": "2024-10-16T23:56:51+0000", "dateModified": "2024-10-17T05:42:26+0000", "image": "//media.invisioncic.com/p289038/monthly_2024_10/Ying_yang_sign.thumb.jpg.be4518c0d675a36a41ace3aa187a14a0.jpg", "author": { "@type": "Person", "name": "yogacid", "image": "//media.invisioncic.com/p289038/monthly_2024_10/Ying_yang_sign.thumb.jpg.be4518c0d675a36a41ace3aa187a14a0.jpg", "url": "https://forum.squarespace.com/profile/236553-yogacid/" }, "interactionStatistic": [ { "@type": "InteractionCounter", "interactionType": "http://schema.org/ViewAction", "userInteractionCount": 396 }, { "@type": "InteractionCounter", "interactionType": "http://schema.org/CommentAction", "userInteractionCount": 5 }, { "@type": "InteractionCounter", "interactionType": "http://schema.org/FollowAction", "userInteractionCount": 2 } ], "@context": "http://schema.org", "@type": "QAPage", "@id": "https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/", "url": "https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/", "mainEntity": { "@type": "Question", "answerCount": 5, "name": "How to change colour of \"Post Comment\" button / text on comment box?", "text": "Site URL: https://psygaia.org/blog/decolonizing-psychedelic-healing-addressing-racial-trauma-and-building-inclusivity-in-psychedelic-therapy \n\tWhy can\u0027t I see the \"post comment\" button / text until I hover over it? Please help!\n \n", "dateCreated": "2024-10-16T23:56:51+0000", "author": { "@type": "Person", "name": "yogacid", "image": "//media.invisioncic.com/p289038/monthly_2024_10/Ying_yang_sign.thumb.jpg.be4518c0d675a36a41ace3aa187a14a0.jpg", "url": "https://forum.squarespace.com/profile/236553-yogacid/" }, "acceptedAnswer": { "@type": "Answer", "text": "Replace the previous code with the code bellow.\n \n\n#comments .comment-btn.sqs-system-button {\n background: #749575 !important;\n padding: 15px 30px !important;\n font-size: 14px !important\n}\n\n#comments .comment-btn.sqs-system-button:hover {\n background: #ddd !important\n}\n\n\n\t\u00a0\n \n", "url": "https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/?do=findComment\u0026comment=805717", "dateCreated": "2024-10-17T01:13:56+0000", "upvoteCount": 0, "author": { "@type": "Person", "name": "Web_Solutions", "image": "//media.invisioncic.com/p289038/monthly_2022_03/1205918931_MD_Rofik.thumb.jpg.49b7941f614f0c37dffea6552fbbf646.jpg", "url": "https://forum.squarespace.com/profile/306522-web_solutions/" } }, "suggestedAnswer": [ { "@type": "Answer", "@id": "https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/#comment-805703", "url": "https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/#comment-805703", "author": { "@type": "Person", "name": "Web_Solutions", "image": "//media.invisioncic.com/p289038/monthly_2022_03/1205918931_MD_Rofik.thumb.jpg.49b7941f614f0c37dffea6552fbbf646.jpg", "url": "https://forum.squarespace.com/profile/306522-web_solutions/" }, "dateCreated": "2024-10-17T00:08:30+0000", "text": "Add these code on\u00a0Custom CSS\u00a0panel in\u00a0Website\u00a0\u0026gt;\u00a0Utilities\u00a0\u0026gt;\u00a0Website\u00a0Tools\u00a0\u0026gt;\u00a0Custom CSS.\n \n\n#comments .comment-btn.sqs-system-button {\n background: #0e5192 !important;\n}\n#comments .comment-btn.sqs-system-button:hover {\n background: #ddd !important;\n}\n\n\n\t\u00a0\n \n\n ", "upvoteCount": 0 }, { "@type": "Answer", "@id": "https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/#comment-805707", "url": "https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/#comment-805707", "author": { "@type": "Person", "name": "yogacid", "image": "//media.invisioncic.com/p289038/monthly_2024_10/Ying_yang_sign.thumb.jpg.be4518c0d675a36a41ace3aa187a14a0.jpg", "url": "https://forum.squarespace.com/profile/236553-yogacid/" }, "dateCreated": "2024-10-17T00:19:49+0000", "text": "That works. Thank you! Is there a way to change the text in the comment button too? And change the padding on the top and bottom of the button to make a smaller button?\n \n\n\n\tThanks!\n \n", "upvoteCount": 0 }, { "@type": "Answer", "@id": "https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/#comment-805754", "url": "https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/#comment-805754", "author": { "@type": "Person", "name": "yogacid", "image": "//media.invisioncic.com/p289038/monthly_2024_10/Ying_yang_sign.thumb.jpg.be4518c0d675a36a41ace3aa187a14a0.jpg", "url": "https://forum.squarespace.com/profile/236553-yogacid/" }, "dateCreated": "2024-10-17T05:07:03+0000", "text": "Hey, you\u0027re awesome, thanks. I am wondering though if there\u0027s a way to change the text within the comment button. I would like it to just say \"Post Comment\" instead of \"Post Comment...\" \n\t \n\tAlso, is there a way to reduce the size of the \"Comments (0)\" text above the comment box to be the same size as the \"Newest First\" text?\n \n", "upvoteCount": 0 }, { "@type": "Answer", "@id": "https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/#comment-805756", "url": "https://forum.squarespace.com/topic/322547-how-to-change-colour-of-post-comment-button-text-on-comment-box/#comment-805756", "author": { "@type": "Person", "name": "Web_Solutions", "image": "//media.invisioncic.com/p289038/monthly_2022_03/1205918931_MD_Rofik.thumb.jpg.49b7941f614f0c37dffea6552fbbf646.jpg", "url": "https://forum.squarespace.com/profile/306522-web_solutions/" }, "dateCreated": "2024-10-17T05:42:26+0000", "text": "Replace the previous code with the code bellow.\n \n\n#comments .comment-btn.sqs-system-button {\n background: #749575 !important;\n padding: 15px 30px !important;\n font-size: 0px !important;\n}\n#comments .comment-btn.sqs-system-button:after {\n content: \"Post Comment\";\n font-size: 14px !important;\n}\n#comments .comment-btn.sqs-system-button:hover {\n background: #ddd !important;\n}\n\n\n\t\u00a0\n \n\n ", "upvoteCount": 0 } ] }, "publisher": { "member": { "@type": "Person", "name": "yogacid", "image": "//media.invisioncic.com/p289038/monthly_2024_10/Ying_yang_sign.thumb.jpg.be4518c0d675a36a41ace3aa187a14a0.jpg", "url": "https://forum.squarespace.com/profile/236553-yogacid/" } } } </script> <script type='application/ld+json'> { "@context": "http://www.schema.org", "publisher": "https://forum.squarespace.com/#organization", "@type": "WebSite", "@id": "https://forum.squarespace.com/#website", "mainEntityOfPage": "https://forum.squarespace.com/", "name": "Squarespace Forum", "url": "https://forum.squarespace.com/", "potentialAction": { "type": "SearchAction", "query-input": "required name=query", "target": "https://forum.squarespace.com/search/?q={query}" }, "inLanguage": [ { "@type": "Language", "name": "English (USA)", "alternateName": "en-US" } ] } </script> <script type='application/ld+json'> { "@context": "http://www.schema.org", "@type": "Organization", "@id": "https://forum.squarespace.com/#organization", "mainEntityOfPage": "https://forum.squarespace.com/", "name": "Squarespace Forum", "url": "https://forum.squarespace.com/", "sameAs": [ "https://www.facebook.com/squarespace/", "https://x.com/squarespace", "https://www.instagram.com/squarespace/", "https://www.youtube.com/squarespace", "https://www.linkedin.com/company/squarespace/" ], "address": { "@type": "PostalAddress", "streetAddress": "8 Clarkson St", "addressLocality": "New York", "addressRegion": "New York", "postalCode": "10014", "addressCountry": "US" } } </script> <script type='application/ld+json'> { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "item": { "name": "Forum", "@id": "https://forum.squarespace.com/forum/34-forum/" } }, { "@type": "ListItem", "position": 2, "item": { "name": "Customize with code", "@id": "https://forum.squarespace.com/forum/39-customize-with-code/" } }, { "@type": "ListItem", "position": 3, "item": { "name": "How to change colour of \"Post Comment\" button / text on comment box?" } } ] } </script> <script type='application/ld+json'> { "@context": "http://schema.org", "@type": "ContactPage", "url": "https://forum.squarespace.com/contact/" } </script> <script type='text/javascript'> (() => { let gqlKeys = []; for (let [k, v] of Object.entries(gqlKeys)) { ips.setGraphQlData(k, v); } })(); </script>   <ul class='ipsMenu ipsMenu_narrow ipsHide' id='elSqspForumToggle'>  </ul> <div class="squareSpace_cardFooter"> <div class="ipsLayout_container"> <div class="_columns"> <div> <div class="ipsFlex ipsFlex-fw:wrap ipsGap:4"> <div style="flex:1 1 276px;"> <img src="//media.invisioncic.com/p289038/set_resources_13/da20b6f92c1c867e86b4182f29ae0e8f_footer-columns__thumbnail.png" alt="" width="276" style="max-width:100%"> </div> <div style="flex:999 1 50%"> <h4 class="_title">Squarespace Webinars</h4> <p class="_desc">Free online sessions where you’ll learn the basics and refine your Squarespace skills.</p> <div class="_link"><a href="https://learning.squarespace.com/webinars">Upcoming Webinars →</a></div> </div> </div> </div> <div style="flex: 1 1 480px"> <h4 class="_title">Hire a Designer</h4> <p class="_desc">Stand out online with the help of an experienced designer or developer.</p> <div class="_link"><a href="https://www.squarespace.com/designer/home?utm_medium=sqsp_circle&utm_source=sqsp_forum&channel=sqsp_circle&subchannel=sqsp_forum">Get Matched →</a></div> </div> </div> </div> </div> <div class='squareSpace_footer'> <div class='squareSpace_footerLogo'> <a href='https://forum.squarespace.com/'>  <img src='//media.invisioncic.com/p289038/set_resources_13/6d538d11ecfced46f459ee300b5e80ec_sqsp_logo.svg' alt='Squarespace Forum' width='213' height='30'> <span>Forum</span> </a> </div> <div class='squareSpace_footerLinksWrapper'> <div class='squareSpace_footerSection'> <h3 class='ipsType_minorHeading'>Support <i class='fa fa-angle-down'></i></h3> <ul class='ipsList_reset squareSpace_footerLinks'> <li><a href='https://support.squarespace.com/hc/requests/new'>Contact Us</a></li> <li><a href='https://status.squarespace.com/'>Service Status</a></li> <li><a href='https://www.twitter.com/squarespacehelp?lang=en'>@SquareSpaceHelp</a></li> <li><a href='https://5help.squarespace.com/hc/'>SquareSpace 5</a></li> </ul> </div> <div class='squareSpace_footerSection'> <h3 class='ipsType_minorHeading'>Community <i class='fa fa-angle-down'></i></h3> <ul class='ipsList_reset squareSpace_footerLinks'> <li><a href='http://sqsp.link/1KUB83'>Hire A Designer</a></li> <li><a href='https://learning.squarespace.com/'>Webinars</a></li> <li><a href='https://www.squarespace.com/blog'>Blog</a></li> </ul> </div> <div class='squareSpace_footerSection'> <h3 class='ipsType_minorHeading'>Developers <i class='fa fa-angle-down'></i></h3> <ul class='ipsList_reset squareSpace_footerLinks'> <li><a href='https://developers.squarespace.com/commerce-api'>API Docs</a></li> <li><a href='https://www.squarespace.com/circle'>Circle</a></li> <li><a href='https://developers.squarespace.com/'>Developer Platform</a></li> </ul> </div> <div class='squareSpace_footerSection'> <h3 class='ipsType_minorHeading'>Resources <i class='fa fa-angle-down'></i></h3> <ul class='ipsList_reset squareSpace_footerLinks'> <li><a href='https://www.squarespace.com/templates'>Website Templates</a></li> <li><a href='https://www.squarespace.com/website-design'>Website Design</a></li> <li><a href='https://www.squarespace.com/domain-name-search'>Domain Name Search</a></li> <li><a href='https://www.squarespace.com/ecommerce-website'>Online Stores</a></li> <li><a href='https://www.squarespace.com/website-marketing'>Website Marketing</a></li> <li><a href='https://www.squarespace.com/terms-of-service'>Terms of Service</a></li> <li><a href='https://www.squarespace.com/privacy'>Privacy Policy</a></li> <li><div id="teconsent"></div></li> </ul> </div> </div> </div> <script type='text/javascript'> $(document).ready( function () { $('.squareSpace_footer .ipsType_minorHeading').click( function () { $( this ).toggleClass('squareSpace_footer_open'); }); }); // Reposition fluid filter on topic listing const fluidFilters = document.querySelector('[data-pagecontroller="forums"] #elContextualTools'), sortFilters = document.querySelector('[data-pagecontroller="forums"] #topicListFilters'), relocatedFluidFilter = document.querySelector('[data-pagecontroller="forums"] #relocatedFluidFilter_menu'), relocatedSortMenu = document.getElementById('ss-topic-list-filters__sort'), relocatedParent = document.querySelector('.ss-topic-list-filters'); if(relocatedFluidFilter && sortFilters){ relocatedParent.removeAttribute('hidden'); if(fluidFilters){ document.getElementById('ss-topic-list-filters__fluid').removeAttribute('hidden'); relocatedFluidFilter.appendChild(fluidFilters); } relocatedSortMenu.appendChild(sortFilters); sortFilters.insertAdjacentHTML('beforebegin', '<h4>Sort by</h4>'); } // New Topic form and guidance message const topicTitleInputPlaceholder = document.getElementById('elInput_topic_title'); if(topicTitleInputPlaceholder) { topicTitleInputPlaceholder.setAttribute('placeholder', 'Write a descriptive title for your post') } // Guidance message on new topic form const guidanceMessageEl = document.querySelector('[data-js=guidance-message]'); if(guidanceMessageEl) { guidanceMessageEl.querySelector('button').addEventListener('click', ev => guidanceMessageEl.hidden = true ) } </script> </body> </html>

CINXE.COM

How to change colour of "Post Comment" button / text on comment box? - Customize with code - Squarespace Forum