Jump to content


Photo
- - - - -
Resolved

Customize Navbar With Images

navbar customization

  • Please log in to reply
6 replies to this topic

#1 francescofornaro

francescofornaro

    Advanced Member

  • Members
  • 39 posts
  • Country: Country Flag

Posted 31 October 2012 - 02:07 PM

Hi All,

I really need your support with Pagelines Framework.
Instead of the "classic" navbar, I need to load custom images (one for each page) and I also need a custom image for the "search" field.
So far, it seems to be quite difficult.

I guess there's something to do with CSS custom code, but could you please give me some suggestion about?

Thank you so much and best regards.

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 31 October 2012 - 02:47 PM

Custom CSS is used to change the menu button background images (if the images are just buttons with no text). Are your images just buttons?

#3 francescofornaro

francescofornaro

    Advanced Member

  • Members
  • 39 posts
  • Country: Country Flag

Posted 31 October 2012 - 02:52 PM

The text is included inside the image, please have a look at this:

Please Login or Register to see this Hidden Content



Text is "Chi siamo". So this image should be:

- Loaded below the header
- Linked to

Please Login or Register to see this Hidden Content



Optionally, there would be another image loaded when the mouse is on this image (with the text "Chi siamo" bigger), but I don't know if it is possibile.

Any idea? Thank you so much...

#4 James B

James B

    Advocate

  • Moderators
  • 4990 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 01 November 2012 - 12:06 AM

Hi there,

The easiest way I can think to do it is to upload your images to wordpress via the media tab. Create a custom menu using urls and then instead the html for the image along with the link into the 'label' field.

This link will show you a step by step of the process

Please Login or Register to see this Hidden Content



#5 francescofornaro

francescofornaro

    Advanced Member

  • Members
  • 39 posts
  • Country: Country Flag

Posted 01 November 2012 - 10:58 AM

Hi James,

thank you. I'm going to try out your solution and let you know.

#6 francescofornaro

francescofornaro

    Advanced Member

  • Members
  • 39 posts
  • Country: Country Flag

Posted 01 November 2012 - 06:15 PM

It works GREAT! It's perfect! Thank you SO much...

#7 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 01 November 2012 - 06:55 PM

The topic was marked as resolved.





Also tagged with one or more of these keywords: Resolved, navbar customization