• 0
Sign in to follow this  
Followers 0

DMS 2 Simple method for inserting a small image


Question

Posted · Report post

Hi everyone,

 

I'm looking for a way to insert some small linked images into my site and am not sure what the best route is to do it.  

 

The site is www.safeway340bdirect.com.

 

If you visit the site right now, you'll see in the top nav there is a link for "User Login".  The client wants this to be a button. :) I think they want it to be in the top right corner above the menu.  I think they want a small button - not a great big one like is on the masthead.  I think there is a way to do this with the btn class, but I'm not that sharp at CSS (my lack of coding skills is what drew me to Pagelines DMS).

 

Also, in the bottom right corner you see the text "Powered by 340B Direct".  They also want this to be a small logo-like image.  So, in this case, I have to make it an image file, possibly linked.

 

I've looked through all the section options and additional add-ons in the Pagelines shop and can't really see anything that will make it easy to pop a small image in somewhere.  Any creative ideas?

 

Thanks,

Ryan

Share this post


Link to post
Share on other sites

3 answers to this question

  • 0

Posted · Report post

HI, ryanchristopherson

 

You can get the Id for the menu item and actually change the menu item to look like a button like in the screenshot below

 

http://i.imgur.com/WkNFstT.png

 

li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-74 {

 

add your css here

 

 

Of course you can be more creative than just red.

 

and for the logo at the bottom of the page you can use this  bit of code

 

<a href="URL HERE" target="_blank"><img src="IMAGE URL"></a>
 
 
 
 
1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Ha - I over-thought it and was looking for an element to add the image, when I could just pop in some simple HTML.  

 

Thanks for the button CSS for the menu.  I increased the size of the navi menu, so it creates a large button effect (like a lot of space above and below the text).  I may need to figure out how to slim up the area around the menu items with some padding before this looks right.  Or just talk them into leaving it as a regular menu option...

 

Thanks for your help!

Ryan

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Is this topic now resolved? 

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  
Followers 0