Archived

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

  • 0

Resolved Home Button on Navbar in Framework

Question

Posted · Report post

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.

Share this post


Link to post
Share on other sites

19 answers to this question

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites

Posted · Report post

What do you want to do with the padding?

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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

.section-navbar .content-pad {
	    padding-top: 15px;
	    padding-bottom: 5px;}

Modify #px as you like. Like said @Danny It is advisable to learn how to do this on your own too. Check out http://www.pagelines.com/wiki/Custom_CSS'>http://www.pagelines.com/wiki/Custom_CSS If you need more CSS help, make sure you've downloaded Firebug for Firefox and check out W3 Schools for more info. http://www.w3schools.com/ Also please be sure to watch our Firebug video tutorial here. http://www.pagelines.com/wiki/Custom_CSS'>http://www.pagelines.com/wiki/Custom_CSS

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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.

.navbar-content-pad {
	    padding: 0 5 35 5px;
	}

Share this post


Link to post
Share on other sites

Posted · Report post

Hi again You can try

.navbar .navline {
	    margin: 10px 10px 0px 0px;}
Modify the first 10px as you like
.navbar .searchform {
	    margin: 20px 0px 5px;}

Modify the first 20px as you like

Share this post


Link to post
Share on other sites

Posted · Report post

Hi A simple way is Change your Navigation Label: Home to Navigation Label: YOURIMAGE.PNG You can edit the width and height, like .PNG / JPG /JPEG

Share this post


Link to post
Share on other sites

Posted · Report post

Let us know if Batman's solution works. If not, please go to http://www.w3schools.com/css/css_image_transparency.asp 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.

Share this post


Link to post
Share on other sites

Posted · Report post

please close. thanks.

Share this post


Link to post
Share on other sites

Posted · Report post

HI, Did Batman's suggestion work for you ?

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

or transparency

Share this post


Link to post
Share on other sites