Jump to content
Sign in to follow this  
HavingTrouble

PayPal button in NavBar

Recommended Posts

Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
HavingTrouble    0
HavingTrouble

Worked like magic.. Thanks Rob

Share this post


Link to post
Share on other sites
Rob    547
Rob

My pleasure.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×