positioning the floating button

[chauhanheena]

Hi,

the website url: http://www.vncgroup.com

I have to place the “Have an Enquiry” button next to the olark’s “Send Message button” The “Have an Enquiry” button has to be in the bottom like how the OLARK Button is.

I’m using a wordpress plugin called “RenegadeWorks Feedback & Review Us Tab” to display the “Have an Enquiry” floating button.

What Css changes do i have to make.

Thanks!

[Shikkediel]

If you change the style of .olark-launch-button from right: 20px to about right: 70px, that’ll first create some room on the side. Then if you change the height of #feedbackTabOuter from 250px to 164px, they’ll line up nicely in the corner.

Styles are in theme.css but if you want to override them, the right positioning will need to have an !important added.

[chauhanheena]

Thanks! @shikkediel.

That brings the olark button a lilttle to the left andleaves way for the “Enquiry” Button to come down.

But I have to get the “enquire ” button position like how the olark button is. Currently the “enquire” button is on the right of the web page. I have to get it to the bottom. The text facing normal. and should be placed besides olark button. An work around for that.

[Shikkediel]

Okay, I suppose that’s a matter of fiddling around with the properties of #feedbackTabInner, removing the rotation and margin most of all…

[Author]

Posts