Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS positioning the floating button

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #248451
    chauhanheena
    Participant

    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!

    #248460
    Shikkediel
    Participant

    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.

    #248473
    chauhanheena
    Participant

    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.

    #248474
    Shikkediel
    Participant

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.