i have installed tawk.to widget and added the block on my theme too. the widget is working fine.
i tried changing the colour of the widget but unable to.
can you help me with step by step guide to change the colour of the widget.
i tried changing from colours menu > widget tab.
also the module blaock in main and global. but unable to.
my domain name is http://www.partyninja.in
|
|
Remove the Opencart widget
1. Go to Tawk.to and login. On the bottom left side you see a gearwheel.
2. On the right side you see “Widgeget Appearance”
3. Change the “Header Background” Color
4. Save (little tip: but the widget on the right side otherwise it conflicts with scroll to top)
5. Copy the Widget Code
6. Now got to Your Pagebuilger -> Gloabel -> Fotter add “HTML” and paste your code
Afterwards it’s going to like https://pi-case-designer.com
-
This reply was modified 2272 days ago by KnowHowTec.
|
|
i have configured the widget as you told me from tawk.to and also saved the html in tb settings.
but as u had said , there is a conflict between the scroll icon and widget.
how can i move it a little left beside the scroll icon ?
-
This reply was modified 2266 days ago by nikhil.
|
|
i have configured the widget as you told me from tawk.to and also saved the html in tb settings.
but as u had said , there is a conflict between the scroll icon and widget.
how can i move it a little left beside the scroll icon ?
|
|
Well, lets take a look…
1. Go to tawk to Widget Appearance set the Maximized Width Minimized Width to the same values
2. Go to /catalog/view/theme/BurnEngine/template/tb/css/scroll-to-top.css.tpl
Change “right: 20px;” to Widget with (eg 260px) + 20px + 20px = “right: 300px;”
No the ScrollToTop button would be on the left site of your tawk.to widget with a padding of 20px
|
|
Or you could use this vqmod:
<modification>
<id>Move_Scroll_to_Top</id>
<version>1.0</version>
<vqmver>1.2.3</vqmver>
<author>pi-case-designer.com</author>
<file name="catalog/view/theme/BurnEngine/template/tb/css/scroll-to-top.css.tpl">
<operation>
<search position="replace"><![CDATA[right: 20px;]]></search>
<add><![CDATA[right: 300px;]]></add>
</operation>
</file>
</modification>
Havent tested it, but it should work.
|
|
Hi,
Some extra CSS can also change scroll to top button’s position:
http://support.themeburn.com/topic/change-scroll-to-top-icon-position#post-63232
BR,
ThemeBurn team
|
|