Replace Search Box with Paypal Cart button

Discussion in 'BlackBird WordPress Theme' started by neilbaxter, Oct 14, 2013.

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

    neilbaxter New Member

    Joined:
    Feb 12, 2013
    Messages:
    9
    Likes Received:
    0
    Hi,

    Please could you tell me how to replace the search box in the Blackbird theme with a paypal cart button?

    I have created the cart button code using paypal.

    Many thanks,

    Neil
     
  2. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello Neil,

    Open header.php and follow instructions shown in the image.

    Paypal.png
     
  3. neilbaxter

    neilbaxter New Member

    Joined:
    Feb 12, 2013
    Messages:
    9
    Likes Received:
    0
    Thanks Nitesh. Great, fast support as always.
     
  4. neilbaxter

    neilbaxter New Member

    Joined:
    Feb 12, 2013
    Messages:
    9
    Likes Received:
    0
    Hi Nitesh,

    I've followed your instructions and it works fine, but I would like to move the button so that it is further to the right of the top bar. I would like it to be the same distance from the right end of the bar as the first menu item (home) is from the left.

    Can you help?

    Thanks,

    Neil
     
  5. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Do let us know your website link.
     
  6. neilbaxter

    neilbaxter New Member

    Joined:
    Feb 12, 2013
    Messages:
    9
    Likes Received:
    0
    Hi Gourav,

    It's www.liberolearing.com

    I've placed an extra long button (which includes a chunk of black background) there for now, (http://liberolearning.com/top-cart.gif) but I'd like to use just the yellow part so that the black space isn't a link too. In order to do that I need to use a button without the black bit repositioned to the right.

    Does that make sense?

    Thanks,

    Neil
     
  7. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Crop current image and add only yellow button there. After that do let us know, i will provides CSS code to adjust it to the right.
     
  8. neilbaxter

    neilbaxter New Member

    Joined:
    Feb 12, 2013
    Messages:
    9
    Likes Received:
    0
  9. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the following code in your Custom CSS
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)

    Code:
    form {
    float: right;
    }
    This will solve your issue.
     
  10. neilbaxter

    neilbaxter New Member

    Joined:
    Feb 12, 2013
    Messages:
    9
    Likes Received:
    0
    Fantastic. So simple!

    Thank you.
     
Thread Status:
Not open for further replies.

Share This Page