← All changes | templates/template-01/style.css +103 -16 8.7.4 → 8.8.0 View file →

		@@ -346,18 +346,9 @@
346	346	}
347	347
348	348
349	349
350		-.wp-chatbot-tab-nav ul li:before {
351	350
352		- background: linear-gradient(transparent 50%, #9ec3c0 50%);
353		-
354		- background-size: 200%, 100%;
355		-
356		-}
357		-
358		-
359		-
360	351	/******************************************
361	352
362	353	05. Tab Feature Product
363	354
		@@ -617,22 +608,32 @@
617	608	vertical-align: middle;
618	609
619	610	}
620	611
621		-.wp-chatbot-tab-nav ul li a[data-option="support"] {
622		- background-position: -169px -9px !important;
	612	+.wp-chatbot-template-01 .wp-chatbot-tab-nav ul li a[data-option="support"] {
	613	+ background-position: -166px -44px !important;
623	614	}
624	615
625		-.wp-chatbot-template-01 .wpbot_card_caption span{
	616	+.wp-chatbot-template-01 .wp-chatbot-template-01 .wpbot_card_caption span{
626	617	color: #0c0c0c !important;
627	618	}
628	619
629	620
	621	+.wp-chatbot-template-01 .wp-chatbot-tab-nav ul li a[data-option="chat"] {
	622	+ background-position: -89px -48px;
	623	+}
	624	+.wp-chatbot-template-01 .wp-chatbot-tab-nav ul li a[data-option="chat"] {
630	625
	626	+ width: 22px;
	627	+ height: 22px;
	628	+}
631	629
632	630
	631	+.wp-chatbot-template-01 span.chatbot_intent_reload {
	632	+ -webkit-transform: translate(0%, -50%);
	633	+ transform: translate(0%, -50%);
	634	+}
633	635
634		-
635	636	.wp-chatbot-template-001 .wpbot_card_image span {
636	637	display: none !important;
637	638	}
638	639	.wp-chatbot-template-001 .wpbot_card_image a {
		@@ -888,9 +889,9 @@
888	889	background: transparent;
889	890	}
890	891
891	892	.wp-chatbot-template-01 .wp-chatbot-editor-container {
892		- margin: 14px 16px 16px;
	893	+ margin: 6px 16px 16px;
893	894	border: 0;
894	895	border-radius: 999px;
895	896	background: #ffffff;
896	897	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.1);
		@@ -910,10 +911,96 @@
910	911	.wp-chatbot-template-01 button#wp-chatbot-send-message {
911	912	border: none;
912	913	}
913	914
914		-.wp-chatbot-template-01 .wp-chatbot-tab-nav {
915		- display: none;
	915	+
	916	+.wp-chatbot-template-01 .wp-chatbot-tab-nav ul {
	917	+ margin: 5px 0 !important;
	918	+ padding: 0 !important;
	919	+ list-style: none;
	920	+ text-align: center;
	921	+ display: flex;
	922	+ gap: 30px;
	923	+ vertical-align: bottom;
	924	+ align-items: center;
	925	+ justify-content: center;
	926	+ width: 100%;
	927	+}
	928	+
	929	+.wp-chatbot-template-01 .wp-chatbot-tab-nav ul li {
	930	+ display: inline-block;
	931	+ vertical-align: middle;
	932	+ position: relative;
	933	+ transition: 0.2s;
	934	+ margin: 0 !important;
	935	+ padding: 0 !important;
	936	+}
	937	+
	938	+.wp-chatbot-template-01 .wp-chatbot-tab-nav ul li a[data-option="recent"] {
	939	+
	940	+ background-position: -7px -47px;
	941	+
	942	+}
	943	+
	944	+.wp-chatbot-template-01 .wp-chatbot-tab-nav ul li a[data-option="cart"] {
	945	+
	946	+ background-position: -47px -47px;
	947	+
	948	+}
	949	+
	950	+
	951	+
	952	+.wp-chatbot-template-01 .wp-chatbot-tab-nav ul li a[data-option="help"] {
	953	+
	954	+ background-position: -129px -47px;
	955	+
	956	+}
	957	+
	958	+
	959	+
	960	+.wp-chatbot-template-01 .wp-chatbot-tab-nav ul li a[data-option="chat"]:after {
	961	+
	962	+ content: "";
	963	+
	964	+ position: absolute;
	965	+
	966	+ border-radius: 50%;
	967	+
	968	+ border: 3px solid #1f8ceb;
	969	+
	970	+ left: -9px;
	971	+
	972	+ right: -9px;;
	973	+
	974	+ bottom: -9px;
	975	+
	976	+ top: -9px;
	977	+
	978	+}
	979	+
	980	+
	981	+.wp-chatbot-template-01 .wp-chatbot-tab-nav ul li a {
	982	+ width: 32px;
	983	+ height: 32px;
	984	+ background: url(../../images/tab-btn-icon-new.png) no-repeat;
	985	+ box-shadow: inset 1px 1px 0 rgb(255 255 255 / 75%), inset 0 0 5px rgb(255 255 255 / 76%);
	986	+ background-color: rgb(255 255 255 / 25%);
	987	+ backdrop-filter: blur(0px);
	988	+ isolation: isolate;
	989	+
	990	+
	991	+}
	992	+.wp-chatbot-template-01 .wp-chatbot-tab-nav ul li a[data-option="help"] {
	993	+ background-position: -125px -44px;
	994	+}
	995	+
	996	+
	997	+.wp-chatbot-template-01 .wp-chatbot-footer {
	998	+ margin: -10px 0 0 0;
	999	+}
	1000	+
	1001	+.wp-chatbot-template-01 .wp-chatbot-tab-nav ul {
	1002	+ margin: -22px 0 5px 0 !important;
916	1003	}
917	1004
918	1005	.wp-chatbot-template-01 .wp-chatbot-board-container.wp-chatbot-expanded,
919	1006	.wp-chatbot-template-01 #wp-chatbot-board-container.wp-chatbot-expanded {