Jump to content


Photo
- - - - -
Resolved

Home Button on Navbar in Framework



Best Answer Danny , 17 August 2012 - 12:30 PM

I think thats possible, it would require custom CSS.

Keep in mind we can't design your site for you so if you need CSS help, make sure you've downloaded Firebug for Firefox and check out W3 Schools for more info. Also please be sure to watch our Firebug video tutorial here. Go to the full post


  • Please log in to reply
19 replies to this topic

#1 WebIT

WebIT

    Super Member

  • Members
  • 232 posts
  • LocationCape Cod
  • Country: Country Flag

Posted 17 August 2012 - 02:59 AM

trying to add a home button like i have in fixed navbar. I read how to do this in pagelines, but can't find documentation to how to do this in Framework.

#2 batman

batman

    Bat Learning

  • Members

  • 2014 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 17 August 2012 - 03:28 AM

Hi
A simple way is
Change your
Navigation Label: Home
to
Navigation Label:

You can edit the width and height, like .PNG / JPG /JPEG

#3 Danny

Danny

    Is Awesome!

  • Moderators
  • 15120 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 17 August 2012 - 11:32 AM

HI, Did Batman's suggestion work for you ?

#4 WebIT

WebIT

    Super Member

  • Members
  • 232 posts
  • LocationCape Cod
  • Country: Country Flag

Posted 17 August 2012 - 11:37 AM

Yes awesome. Thanks. I could add a hover shadow or something in the same place?

#5 Danny

Danny

    Is Awesome!

  • Moderators
  • 15120 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 17 August 2012 - 11:58 AM

Hi, I apologise but I am not quite sure what you mean, can you go into greater detail please.

#6 WebIT

WebIT

    Super Member

  • Members
  • 232 posts
  • LocationCape Cod
  • Country: Country Flag

Posted 17 August 2012 - 12:02 PM

when you hover over the home button could a shadow or alternate image appear

#7 WebIT

WebIT

    Super Member

  • Members
  • 232 posts
  • LocationCape Cod
  • Country: Country Flag

Posted 17 August 2012 - 12:03 PM

or transparency

#8 Danny

Danny

    Is Awesome!

  • Moderators
  • 15120 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 17 August 2012 - 12:30 PM   Best Answer

I think thats possible, it would require custom CSS.

Keep in mind we can't design your site for you so if you need CSS help, make sure you've downloaded

Please Login or Register to see this Hidden Content

and check out

Please Login or Register to see this Hidden Content

for more info. Also please be sure to watch our Firebug video tutorial

Please Login or Register to see this Hidden Content

.

#9 WebIT

WebIT

    Super Member

  • Members
  • 232 posts
  • LocationCape Cod
  • Country: Country Flag

Posted 17 August 2012 - 01:34 PM

ok. that's fine. i'd like some help with the padding above and below text and search bar.

#10 catrina

catrina

    Advocate

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

Posted 17 August 2012 - 03:01 PM

What do you want to do with the padding?

#11 WebIT

WebIT

    Super Member

  • Members
  • 232 posts
  • LocationCape Cod
  • Country: Country Flag

Posted 17 August 2012 - 09:48 PM

I want the text and search bar to have the same space above and below (centered on navbar)

#12 batman

batman

    Bat Learning

  • Members

  • 2014 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 17 August 2012 - 11:16 PM

Hi
You can try add in
PageLines > Site Options > Custom Code > CSS Rules

Please Login or Register to see this Hidden Content

Modify #px as you like.

Like said @Danny
It is advisable to learn how to do this on your own too.
Check out

Please Login or Register to see this Hidden Content



If you need more CSS help, make sure you've downloaded Firebug for Firefox
and check out W3 Schools for more info.

Please Login or Register to see this Hidden Content



Also please be sure to watch our Firebug video tutorial here.

Please Login or Register to see this Hidden Content



#13 James B

James B

    Advocate

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

Posted 18 August 2012 - 12:14 AM

Hi there, if Danny or Batman's answer worked for please click the 'accept' to close this thread :)

#14 WebIT

WebIT

    Super Member

  • Members
  • 232 posts
  • LocationCape Cod
  • Country: Country Flag

Posted 19 August 2012 - 02:02 PM

I tried the code from @batman tweaked the px numbers and nothing changed. I've got firebug, added this code and no luck here either.

Please Login or Register to see this Hidden Content



#15 batman

batman

    Bat Learning

  • Members

  • 2014 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 19 August 2012 - 03:38 PM

Hi again
You can try

Please Login or Register to see this Hidden Content

Modify the first 10px as you like

Please Login or Register to see this Hidden Content

Modify the first 20px as you like

#16 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 19 August 2012 - 10:34 PM

Let us know if Batman's solution works. If not, please go to

Please Login or Register to see this Hidden Content

you'll see how this should be done. Go to Dashboard > Appearance > Menus and click Screen Options (top right) and then check the box for "CSS Classes" and click Screen Options once more. Now, in each menu item, you can apply a unique CSS class so that you may apply the CSS found in that link (customized to your needs, of course) so that the mouseover effect may be seen. Apply the CSS in Custom Code > CSS Rules or in the style.css in PageLines Customize plugin.

#17 WebIT

WebIT

    Super Member

  • Members
  • 232 posts
  • LocationCape Cod
  • Country: Country Flag

Posted 25 October 2012 - 04:11 PM

Please Login or Register to see this Hidden Content



#18 catrina

catrina

    Advocate

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

Posted 25 October 2012 - 05:15 PM

Do you need further assistance with this? How was Batman's solution?

#19 WebIT

WebIT

    Super Member

  • Members
  • 232 posts
  • LocationCape Cod
  • Country: Country Flag

Posted 26 October 2012 - 12:01 AM

please close. thanks.

#20 Danny

Danny

    Is Awesome!

  • Moderators
  • 15120 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 26 October 2012 - 09:09 AM

The topic was marked as resolved.





Also tagged with one or more of these keywords: Resolved