Center 'Click to Call Button'

Discussion in 'Woodpecker WordPress Business Theme' started by bizgirl, Jun 22, 2015.

Thread Status:
Not open for further replies.
  1. bizgirl

    bizgirl Member

    Joined:
    Feb 4, 2013
    Messages:
    145
    Likes Received:
    7
    Hi there guys,

    Can you please let me know the CSS code to centre the the 'Tap to Call' Button so it still sits on the right hand side of the header, but in the the middle rather than at the top.

    Also I would like to either remove the "Call:" wording and replace with something else or delete entirely. Is there coding for both of these options? If not where would I go to change it.

    As always thanks for your help.

    Cheers

    Maggie
     
  2. Sobhagya

    Sobhagya Guest

    Joined:
    May 29, 2015
    Messages:
    414
    Likes Received:
    6
    Hello,

    Greetings from InkThemes,

    Could you please provide your site URL along with some edited screenshots so that I can assist you accordingly.

    If you are unable to create screenshots then you can use www.screenpresso.com
    that will help you to create screenshots.
     
  3. bizgirl

    bizgirl Member

    Joined:
    Feb 4, 2013
    Messages:
    145
    Likes Received:
    7
    Hello Sobhagya,
    Thanks so much for the response.

    The URL is www.energytherapysolutions.com

    I would like the call button moved from the top of the header bar into the middle
    where the blue arrow is pointing in the image below.

    Also is there a way to change the "Call:" text to say something different.

    [​IMG]

    Many thanks as always.
    Cheers
    Maggie
     
  4. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hello, Maggie!

    To change Call text, please follow the screenshot given below.
    woodpecker_change_call_button_text.png

    Now, to move call button in the middle of the header, paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    .button-def {
      margin-top: 55px !important;
    }
    Please increase/decrease margin value according to your requirement.

    Thanks,
    Praveen
     
  5. bizgirl

    bizgirl Member

    Joined:
    Feb 4, 2013
    Messages:
    145
    Likes Received:
    7
    Thank you Praveen! I appreciate your help .

    Could you also please help me with another issue.

    I have made the slider images smaller as in 500px deep so the beginning
    of the 3 column feature is viewable above the fold.

    However when I view the image in Customise mode in WP
    my 3 column feature is not sitting up where it should be just over the
    header image.

    Is there some code I need to move it up?

    Thanks for your patience.

    Cheers,

    Maggie
     
  6. bizgirl

    bizgirl Member

    Joined:
    Feb 4, 2013
    Messages:
    145
    Likes Received:
    7
    Here is an image so you know what I mean..

    [​IMG]
     
  7. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hello,

    I have tried to open your website and found the message "We are working on something awesome We will be back soon!" displaying on your website.

    Either make it live or send us your website WordPress login details at [email protected] along with the thread link, so that i can assist you accordingly.

    Thanks,
    Praveen
     
  8. bizgirl

    bizgirl Member

    Joined:
    Feb 4, 2013
    Messages:
    145
    Likes Received:
    7
    Thank you Pramod that fixed it!!!
     
Thread Status:
Not open for further replies.

Share This Page