Archived

This topic is now archived and is closed to further replies.

  • 0

PayPal button in NavBar

Question

3 answers to this question

Posted · Report post

Hi,

 

If you go to Dashboard > Appearance > Menus, you'll see a grey tab at the top of the page labelled "Screen Options".  Please click it.

 

A drop down panel will appear. You'll see "CSS Classes".  Check that. Close the panel by clicking "Screen Options" again.  You do not have to save anything. It's automatic.

 

Create your menu item for PayPal. Add the link as a custom link to PayPal. In the settings for the link you'll see a new field for CSS Class. Type in this field my_paypal1 (make sure you do not use any spaces).  Do not add a label.

 

Now craft some CSS to include the image as a background.  I note that the link provided is secured.  My recommendation is to place the image outside the secured area to avoid conflicts.

 

You'll write something like this:

.my_paypal1 {
background-image:url('full URL to your image');
background-repeat:no-repeat;
width: 90px;
height: 15px;
}

Please make sure you have the full url to the image in between the single quotes.   Set the width (90px is an example only) to the width of your image.  Adjust the height as desired as well.

 

Copy the modified code and paste it into Dashboard > PageLines > Site Options > Custom Code.

 

Now, the button is the image, and the menu is providing the link to the paypal site.

 

Let us know if this works for you.

Share this post


Link to post
Share on other sites

Posted · Report post

Worked like magic.. Thanks Rob

Share this post


Link to post
Share on other sites

Posted · Report post

My pleasure.

Share this post


Link to post
Share on other sites