tawk.to widget colour change

ThemeBurn SupportForumsOpenCart ThemesBurnEnginetawk.to widget colour change

This topic has been marked as not resolved.

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

 

 nikhil
February 8, 2018 at 2:02 pm #63479

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 9 days ago by  KnowHowTec.
February 8, 2018 at 6:00 pm #63482

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 3 days ago by  nikhil.
 nikhil
February 15, 2018 at 8:29 am #63574

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 ?

 nikhil
February 15, 2018 at 8:29 am #63575

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

February 15, 2018 at 12:55 pm #63579

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.

February 15, 2018 at 1:07 pm #63580
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.