How to modify CSS for my Home Button to not activated never?

[emilindricau 0]

How to modify CSS for my Home Button to not activated never?

[Jackey 29]

Don't know what your home button is, do you have link?

[emilindricau 0]

reBrighter [url]http://www.rebrighter.ro[/url]

[emilindricau 0]

like on Apple site

[Jackey 29]

Aha... understand please wait...

[Jackey 29]

Try this: [code].main-nav li#menu-item-72.current_page_item a { background: #F5F6F7 url(images/sprite-nav-bg.png) repeat-x 0 -70px !important; -moz-box-shadow: inset 0 0 5px black !important; -webkit-box-shadow: inset 0 0 5px black !important; box-shadow: inset 0 0 5px black !important; }[/code]

[Jackey 29]

Made a mistake... [code].main-nav li#menu-item-72.current_menu_item a { background: #F5F6F7 url(images/sprite-nav-bg.png) repeat-x 0 -70px !important; -moz-box-shadow: inset 0 0 5px black !important; -webkit-box-shadow: inset 0 0 5px black !important; box-shadow: inset 0 0 5px black !important; }[/code]

[Jackey 29]

It looks like the path to the sprite-nav-bg.png is wrong... Will have a look where it exactly is... I don't have iBlogPro5, but I think it resides in the /wp-content/themes/pagelines-iblogpro5/images/ folder.

[emilindricau 0]

not working

[Jackey 29]

[code].main-nav li#menu-item-72.current_menu_item a { background: #F5F6F7 url(/wp-content/themes/pagelines-iblogpro5/images/sprite-nav-bg.png) repeat-x 0 -70px !important; -moz-box-shadow: inset 0 0 5px black !important; -webkit-box-shadow: inset 0 0 5px black !important; box-shadow: inset 0 0 5px black !important; }[/code]

[Jackey 29]

The selector was ok but shadow was wrong and it should not have a background image. [code].main-nav li#menu-item-72.current_menu_item a { background-image: none !important; background-color: transparent !important; -moz-box-shadow: inset 0 0 5px #888; -webkit-box-shadow: inset 0 0 5px #888; box-shadow: inset 0 0 5px #888; }[/code] Quite some fiddling to sort out the button states. Dit this help?

[emilindricau 0]

still nothing

[Jackey 29]

Do you have the last CSS in place, so I can take a look.

[emilindricau 0]

This is my code from Custom Code Settings CSS CSS Rules Form: body{} .main_nav, h6.site-description, .widget-title, #footer li h5 a, .subhead, .main_nav, #postauthor .subtext, .author-details, .post-nav, .current_posts_info, #secondnav { font-size: 100%; } .main-nav li#menu-item-72.current_menu_item a { background-image: none !imported; -moz-box-shadow: inset 0 0 5px #888; -webkit-box-shadow: inset 0 0 5px #888; box-shadow: inset 0 0 5px #888; } .fpost .post-thumb img, .clip .clip-thumb img, .author-thumb img, attachment-thumbnail wp-post-image, .post-nav, .current_posts_info, .alignleft, .alignright, .aligncenter, #feature_slider, .post-footer{ -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; !important; } .title-area h1, .title-area h2, #page .entry-title, .splash_left h1, .splash-text, .highlight-area h1, .tour-title-area h1, #content.widecolumn h1, .showcase_featured h1, h1#wiki_title { text-shadow: 0 2px 0 white, 0 3px 0 rgba(0, 0, 0, .25); } img.attachment-thumbnail {border: 4px;} .continue_reading_link { color: #555;background-color: #f1f1f1;padding: 5px 15px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; } /* Change the color when hovering over Read more */ .continue_reading_link:hover { background-color: #4E7EAF;color: white;text-decoration:none !important; } #page .c_img { background: white; padding: 4px; box-shadow: 0 2px 4px #BBB; } style.css:453 .post-meta .c_img { border-image: initial; display: block; border: 1px solid transparent; float: left; padding: 4px; max-width: 98%; border-image: initial; } div.entry_content img {border: 2px solid #000;}

[Jackey 29]

Please replace the code with this.. [code].main-nav li.menu-item-72.current_menu_item a { background-image: none !important; background-color: transparent !important; -moz-box-shadow: inset 0 0 5px #888 !important; -webkit-box-shadow: inset 0 0 5px #888 !important; box-shadow: inset 0 0 5px #888 !important; }[/code] Please... that's thanks enough, stop it ;)

[Jackey 29]

Also add these lines behind the previous: [code].main-nav li.menu-item-72.current_menu_item a:hover { background: #F5F6F7 url(images/sprite-nav-bg.png) repeat-x 0 -35px !important; -moz-box-shadow: inset 0 0 5px #666 !important; -webkit-box-shadow: inset 0 0 5px #666 !important; box-shadow: inset 0 0 5px #666 !important; }[/code]

[emilindricau 0]

nothing

[Jackey 29]

.

[Jackey 29]

Made some stupid typo's previously... Sorry about that... You know you have a jquery problem, it is probably a plugin that loads it's jquery code in the admin pages. Anyhow... I'm glad it is fixed.

[emilindricau 0]

Yes I know. http://www.pagelines.com/forum/discussion/17446/bad-interface Can you look into that?

[emilindricau 0]

And, what you need to modify/fix on Home Button problem?

[Jackey 29]

There were some typo's in the selectors I gave you. _ that should be -

[emilindricau 0]

Help please. How to modify CSS for my Home Button to not activated never? Again!

[Jackey 29]

Hi Emil, Your customize code should be in: Module > Editor module > Selecteaz?? modul pentru editare: > Pagelines Customize > Fi?™iere modul > pagelines-customize/style.css Your WP Super Cache is [email protected]#$ing up your site, and your menu. Please ask Simon (pross) for advice. The code to keep your Home button de-activated at all times is: [code].main_nav li.menu-item-72.current-menu-item a { -moz-box-shadow: inset 0 0 5px #888; -webkit-box-shadow: inset 0 0 5px #888; box-shadow: inset 0 0 5px #888; background: transparent; }[/code] [code].main_nav li.menu-item-72.current-menu-item a:hover { background: #F5F6F7 url(/wp-content/themes/pagelines-iblogpro5/images/sprite-nav-bg.png) repeat-x 0 -35px; -moz-box-shadow: inset 0 0 5px #666; -webkit-box-shadow: inset 0 0 5px #666; box-shadow: inset 0 0 5px #666; }[/code]