Adjusting the flare sidebar offset

Hi,
I also work with a fixed top menu and I customized the css of this plugin (flare/css/flare.css.)
Search for the part “.flare-vertical {” – around last third of the code – and edit position on top …
it works like a charm for me.

Hope that helps

Até

hello,

@toniodobrasil

Yea I found it, what do I edit to bring the vertical bar to the leftmost or rightmost etc? Where do I alter px to move it like that ?

I changed:

.flare-vertical {
position: fixed;
overflow: visible;
z-index: 100;
top: 40px;
display: block;
padding: 10px;
border-radius: 4px;
width: 40px;

to:

.flare-vertical {
position: fixed;
overflow: visible;
z-index: 100;
top: 180px;
display: block;
padding: 10px;
border-radius: 4px;
width: 40px;

But not visible change occurred, and the sidebar hasn’t change it’s vertical offset. Ideas?

Having the same issue. I adjusted ‘top:’ to 100px, but it’s still not displaying. Strange to because when I adjust it directly in the browser’s developer panel, it works fine.

Any suggestions would be appreciated.

Same results for me (as above), I changed “top” – doesn’t work. I adjust “top” in browser dev panel and the floating element drops.

Please help Flare – love the plugin but can’t use it if I can’t offset the buttons.

Thanks!

The javascript adds a css style to the element giving it a top value of 40px, to prevent that from changing the value listed on line 581 in flare.css you must add the !important declaration to the rule like so

top: 100px !important;