Jump to content


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


Simple method for inserting a small image

Recommended Posts


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?




Share this post

Link to post
Share on other sites

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




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>


Visit iheartpagelines.com for the latest tutorials on PageLines related products.


Share this post

Link to post
Share on other sites

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!


Share this post

Link to post
Share on other sites

Is this topic now resolved? 

Please search our forums, before posting!

Share this post

Link to post
Share on other sites

  • Similar Content

    • Michael Kummer
      By Michael Kummer+
      Hi guys,
      I have noticed that all thumbnails on www.michaelkummer.com are scaled down in CSS or HTML, rather than on the backend by Jetpack's Photon. See https://db.tt/vNJCn7Gh and https://db.tt/3ZpkHM7G. 
      Any idea why Pins sets the image width and height to something much larger than what's shown on the screen? Is there any way to fix this so that Photon can do a better job in rescaling the images on the backend before they are delivered to the browser?
    • sfmstudios
      By sfmstudios+
      I'm using the boxes section on a local development site to play around with some options, and running into an issue.  
      Have the following settings for the boxes:
      Type: Images/SVC Media on Top Image Appearance: Standard/Default Image/Icon Width: 280px Image Opacity: 100% Each of my box images is 280x150 in size, but the result of the image on the box is a strange zoomed-in, cropped square (see attached).  I looked to adjust border properties via CSS, but couldn't find a fix.  What solutions are out there?

    • Lisa Haran
      By Lisa Haran
      I have a map here http://www.iloveoffset.com/maps/
      I want to add several pointer locations to the map, but when I do they do not appear.
      On this map there are 2 pointer locations and as you can there is only one visible.
      Earlier today I added 7 and could only see 4 so there is something odd going on.
      My theme is up to date
    • richardjacruz
      By richardjacruz+
      I received our monthly Alexa report, and it pointed out that there were missing alt tags on EVERY page on our site. Upon closer inspection, it looks like the QuickSlider which is used for the scrolling banners at the top of the site doesn't bring in the alt tags. Recently, you made a change to the RevSlider to allow images to have "alt" tags. Can you do that for the QuickSlider too?
    • jvheintze
      By jvheintze+
      I just tried to figure out how to use Lax in combination with Post Thumbnails the following way: instead of showing the Featured Image on top of the content section I would like to have a Lax section above the content which loads for each post the featured image. To do so it seems there should be some kind of word press hook support necessary (not ready yet)? Or did I miss something?