Support Forum - Tag: active

Support Forum - Tag: active - Recent Posts http://www.kriesi.at/support/tags/active Support Forum - Tag: active - Recent Posts en-US Sat, 25 May 2013 14:24:19 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Devin on "Portfolio single item: main navigation is not highlighted" http://www.kriesi.at/support/topic/portfolio-single-item-main-navigation-is-not-highlighted#post-74533 Wed, 05 Sep 2012 17:31:44 +0000 Devin 74533@http://www.kriesi.at/support/ Hi colorit2, The actually URL doesn't change anything within the page to allow us to style a link. The issue is wordpress doesn't actually recognize certain child type items so the code for the menu doesn't have anything it saying "the current page is a child of this link". Its something often asked about but is a shortcoming of wordpress and without seeing a site live we are usually unable to help with any kind of styling as there are somethings little tricks/hacks we can do to fake the effect. Regards, Devin colorit2 on "Portfolio single item: main navigation is not highlighted" http://www.kriesi.at/support/topic/portfolio-single-item-main-navigation-is-not-highlighted#post-74307 Tue, 04 Sep 2012 12:47:09 +0000 colorit2 74307@http://www.kriesi.at/support/ Unfortunately my site isn't yet ready to go online. In main navigation it's this: <img src="http://i48.tinypic.com/k3knl0.jpg" /> "Acrylmalerei" is a subpage, created with template builder; it includes some elements and a section with portfolio overview, too. For this "Acrylmalerei" page the highlighting works. When I click on such a portfolio single item of this overview, then the highlighting is gone; however the URL of this is then: <code><a href="http://studio.viaina.de/portfoliomalerei/acrylbild-nr-1/" rel="nofollow">http://studio.viaina.de/portfoliomalerei/acrylbild-nr-1/</a></code> Guess, this is, what you mean? "portfoliomalerei" is the slug, created in theme options --> portfolio for the portfolio items. You mean, I need to put anything else in main navigation, so that the single portfolio entries can be highlighted in main navi, too? Dude on "Portfolio single item: main navigation is not highlighted" http://www.kriesi.at/support/topic/portfolio-single-item-main-navigation-is-not-highlighted#post-74265 Tue, 04 Sep 2012 06:43:28 +0000 Dude 74265@http://www.kriesi.at/support/ Is the portfolio single entry part of your navigation? Can you post a link please? It's possible to highlight single entries and portfolio categories however it's not possible to highlight a "portfolio page" when you're on a portfolio single entry because wp can't determine if the current single entry is assigned to a portfolio page or not. colorit2 on "Portfolio single item: main navigation is not highlighted" http://www.kriesi.at/support/topic/portfolio-single-item-main-navigation-is-not-highlighted#post-74155 Mon, 03 Sep 2012 12:24:45 +0000 colorit2 74155@http://www.kriesi.at/support/ Hi, everywhere at my site, when I'm at a post or page, the corresponding main navigation point is highlighted (active link colour) - but on portfolio single item pages, there's nothing in the main menu highlighted. How can I solve this? Thanks. Devin on "Submenu active link color" http://www.kriesi.at/support/topic/submenu-active-link-color#post-60777 Mon, 18 Jun 2012 18:01:46 +0000 Devin 60777@http://www.kriesi.at/support/ Glad I could help :) Regards, Devin designkolchose on "Submenu active link color" http://www.kriesi.at/support/topic/submenu-active-link-color#post-60769 Mon, 18 Jun 2012 17:45:27 +0000 designkolchose 60769@http://www.kriesi.at/support/ Great, works fine in custom.css thanks! Devin on "Submenu active link color" http://www.kriesi.at/support/topic/submenu-active-link-color#post-60765 Mon, 18 Jun 2012 17:38:25 +0000 Devin 60765@http://www.kriesi.at/support/ Hi designkolchose, Ah ok, that is a little bit easier than the sub-menu. Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files: <pre><code>#top #wrap_all .current_page_item > a { color: #555; }</code></pre> Regards, Devin designkolchose on "Submenu active link color" http://www.kriesi.at/support/topic/submenu-active-link-color#post-60760 Mon, 18 Jun 2012 17:30:43 +0000 designkolchose 60760@http://www.kriesi.at/support/ I mean the dropdown of the Mainmenu! Devin on "Submenu active link color" http://www.kriesi.at/support/topic/submenu-active-link-color#post-60747 Mon, 18 Jun 2012 16:59:49 +0000 Devin 60747@http://www.kriesi.at/support/ Hi designkolchose, It depends on how you have the sub-menu set up. If you have the Woo Commerce sub menu (log in, cart, checkout) then try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files: <pre><code>#top.woocommerce-account li.login_link a { color: #333; } #top.woocommerce-cart li.shopping_cart_link a { color: #333; } #top.woocommerce-checkout li.checkout_link a { color: #333; }</code></pre> Each of the colors can be customized how you want them using hex color codes: <a href="http://www.w3schools.com/html/html_colors.asp" rel="nofollow">http://www.w3schools.com/html/html_colors.asp</a> If you have a custom menu, I think I'll need to see a link to your site so I can make sure the css is targeted to your site :) Regards, Devin designkolchose on "Submenu active link color" http://www.kriesi.at/support/topic/submenu-active-link-color#post-60744 Mon, 18 Jun 2012 16:42:24 +0000 designkolchose 60744@http://www.kriesi.at/support/ How to change the link color if the active link at the submenu? Devin on "current page link color2" http://www.kriesi.at/support/topic/current-page-link-color2#post-53980 Mon, 30 Apr 2012 16:44:22 +0000 Devin 53980@http://www.kriesi.at/support/ Hi jorisvh, I'm not really sure. Having not written the code in your functions I'm just not familiar with what it is doing and how to fix whats happening. Regards, Devin jorisvh on "current page link color2" http://www.kriesi.at/support/topic/current-page-link-color2#post-53508 Thu, 26 Apr 2012 14:33:28 +0000 jorisvh 53508@http://www.kriesi.at/support/ Anybody??? Thanks jorisvh on "current page link color2" http://www.kriesi.at/support/topic/current-page-link-color2#post-52877 Mon, 23 Apr 2012 10:57:56 +0000 jorisvh 52877@http://www.kriesi.at/support/ THis is my code in the functions.php <pre><code>add_filter('nav_menu_css_class', 'AddCurrentMenuItemClass',1,2); function AddCurrentMenuItemClass($classes,$item) { $link = site_url().$_SERVER['REQUEST_URI']; if(strpos($link, $item->url) !== false) { $classes[] = 'current-menu-item'; } return $classes; }</code></pre> This is my css code: <pre><code>.current-menu-item a{ color: #fe4e02 !important; font-weight:bold; }</code></pre> And some HTML code of my menu: <pre><code></div></div></div><div class="sidebar sidebar1 box"><div class="inner_sidebar"><div class="box"><div class="main_menu main_menu_menu_manager"><div class="menu-main_menu-container"><ul id="menu-main_menu" class="menu"><li id="menu-item-227" class="menu-item menu-item-type-custom menu-item-object-custom first-child"><a href="?product=100-bamboo-orange">10’0? Bamboo Orange</a></li> <li id="menu-item-228" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="?product=100-bamboo-blue">10’0? Bamboo Blue</a></li> <li id="menu-item-229" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="?product=106-allround">10’6? Allround</a></li> <li id="menu-item-247" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="?product=116-allround-blue">11’6? Allround</a></li> <li id="menu-item-258" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item"><a href="?product=126-race-white">12’6 Race white</a></li> <li id="menu-item-264" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="?product=126-race-blue">12’6? Race Blue</a></li> <li id="menu-item-270" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="?product=100-isup">10’0 iSUP</a></li> <li id="menu-item-449" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="/accessories">Accessoires</a></li> <li id="menu-item-461" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-177 current_page_item current-menu-item last-child"><a href="http://dev.vonorangesup.com/winkelwagen/">Shopping cart</a></li></code></pre> Thanks! Mya on "current page link color2" http://www.kriesi.at/support/topic/current-page-link-color2#post-52170 Wed, 18 Apr 2012 14:12:00 +0000 Mya 52170@http://www.kriesi.at/support/ Hi, I think what Devin meant is that we would need to see a live example of this to test for ourselves. Or if you're not comfortable with posting a link you can copy the HTML that WordPress generates as well as any custom CSS. Based on what you're describing my guess is that the code in your functions.php is breaking on the last link. By that I mean when you click on the last link then another link the the current-menu-item is still listed as a class name for that last link. Regards, Mya jorisvh on "current page link color2" http://www.kriesi.at/support/topic/current-page-link-color2#post-51985 Tue, 17 Apr 2012 07:23:05 +0000 jorisvh 51985@http://www.kriesi.at/support/ Hey Devin, I am not sure what you mean? Right now it is just css code. Do I have to include it in my function.php? Thanks Devin on "current page link color2" http://www.kriesi.at/support/topic/current-page-link-color2#post-51855 Mon, 16 Apr 2012 17:10:53 +0000 Devin 51855@http://www.kriesi.at/support/ Hi jorisvh, I'm not sure. You might want to include the code you have added and a link to the issue live in case anyone has a suggestion. Regards, Devin jorisvh on "current page link color2" http://www.kriesi.at/support/topic/current-page-link-color2#post-51549 Fri, 13 Apr 2012 16:02:05 +0000 jorisvh 51549@http://www.kriesi.at/support/ Hello, Still got a little problem. I allready ask this here : <a href="http://www.kriesi.at/support/topic/current-page-link-color" rel="nofollow">http://www.kriesi.at/support/topic/current-page-link-color</a> but the topic allready closed. The code in my functions.php is working but when I click on the last link in the menu and go after that to another page, the last link still showing active. This is only happening for the last link. If I switich between other links it works fine. Suggetions? Thanks a lot!! vibeGirl on "Main menu items active while on child and grandchild pages" http://www.kriesi.at/support/topic/main-menu-li-items-active-while-on-child-and-gradnchild-pages#post-44099 Wed, 29 Feb 2012 21:17:52 +0000 vibeGirl 44099@http://www.kriesi.at/support/ Dude, I have added your initial CSS code to custom.css in order to change the active link color but it's not working for me. I tested in a different browser to be sure it's not a cache thing... but the active link is still showing as the secondary color. Would you take a look to see what I might be missing? The site is at: <a href="http://liga.ca/" rel="nofollow">http://liga.ca/</a> Thanks! Heather Dude on "Main menu items active while on child and grandchild pages" http://www.kriesi.at/support/topic/main-menu-li-items-active-while-on-child-and-gradnchild-pages#post-34461 Fri, 09 Dec 2011 18:05:19 +0000 Dude 34461@http://www.kriesi.at/support/ Glad that it works now :) colorit2 on "Main menu items active while on child and grandchild pages" http://www.kriesi.at/support/topic/main-menu-li-items-active-while-on-child-and-gradnchild-pages#post-34424 Fri, 09 Dec 2011 11:43:26 +0000 colorit2 34424@http://www.kriesi.at/support/ Ok, I got it ... I have just copy&paste your code and have not seen, that there is a "hover" in it; I changed it to "active" and then ... tatatataaaa ... it works like a charm! Thanks, Dude! colorit2 on "Main menu items active while on child and grandchild pages" http://www.kriesi.at/support/topic/main-menu-li-items-active-while-on-child-and-gradnchild-pages#post-34423 Fri, 09 Dec 2011 11:37:14 +0000 colorit2 34423@http://www.kriesi.at/support/ Thanks, but what do you mean with "custom menu"? I already have two menu made with the menu manager: <a href="http://i39.tinypic.com/2jb70ht.jpg" rel="nofollow">http://i39.tinypic.com/2jb70ht.jpg</a> and this is the head of my site (still offline): <a href="http://i42.tinypic.com/b7xglv.jpg" rel="nofollow">http://i42.tinypic.com/b7xglv.jpg</a> I've used your code above, but it doesn't work. Have I misunderstood something? Dude on "Active link color for active pages" http://www.kriesi.at/support/topic/active-link-color-for-active-pages#post-34371 Fri, 09 Dec 2011 07:15:20 +0000 Dude 34371@http://www.kriesi.at/support/ Answered the question. Dude on "Main menu items active while on child and grandchild pages" http://www.kriesi.at/support/topic/main-menu-li-items-active-while-on-child-and-gradnchild-pages#post-34370 Fri, 09 Dec 2011 07:15:10 +0000 Dude 34370@http://www.kriesi.at/support/ You can try: <pre><code>.submenu .menu li.current_page_item a, .submenu .menu li.current_page_item a:hover{ color:#d59cb4 !important; text-decoration: underline; } .submenu .menu li a:hover{ color:#d59cb4 !important; text-decoration: underline; } .submenu .menu li.current-menu-parent a, .submenu .menu li.current-menu-parent a:hover{ color:#d59cb4 !important; text-decoration: underline; }</code></pre> however this solution requires a "custom menu" (you can build it with the menu manager - Appearance > Menus). colorit2 on "Active link color for active pages" http://www.kriesi.at/support/topic/active-link-color-for-active-pages#post-34310 Thu, 08 Dec 2011 18:47:51 +0000 colorit2 34310@http://www.kriesi.at/support/ Thanks, Chris, this worked; but I added there an additional question concerning the active link color to the submenu, if you could please take a look there: <a href="http://www.kriesi.at/support/topic/main-menu-li-items-active-while-on-child-and-gradnchild-pages#post-34145" rel="nofollow">http://www.kriesi.at/support/topic/main-menu-li-items-active-while-on-child-and-gradnchild-pages#post-34145</a> Thanks! colorit2 on "Main menu items active while on child and grandchild pages" http://www.kriesi.at/support/topic/main-menu-li-items-active-while-on-child-and-gradnchild-pages#post-34145 Wed, 07 Dec 2011 14:41:55 +0000 colorit2 34145@http://www.kriesi.at/support/ Hi, this code works fine. But I need this for the submenu, too. Screenshot of my site: <a href="http://i41.tinypic.com/dmp9gp.jpg" rel="nofollow">http://i41.tinypic.com/dmp9gp.jpg</a> I have tried this CSS without success: <code> #header .submenu a:active { color:#d59cb4 !important; text-decoration: underline; } </code> and alternatively this <code> .submenu .menu li a:active { color:#d59cb4 !important; } </code> None of them is working. I would like to have an active link color, when I am at one of these subpages from this submenu. Hovering is working with this: <code> #header .submenu a:hover{ color:#f2f6fa; text-decoration: underline; } </code> but I don't get it to work with the active link color. Could someone help me please? Thanks a lot! Chris Beard on "Active link color for active pages" http://www.kriesi.at/support/topic/active-link-color-for-active-pages#post-34088 Wed, 07 Dec 2011 03:42:57 +0000 Chris Beard 34088@http://www.kriesi.at/support/ Hi, I think <a href="http://www.kriesi.at/support/topic/main-menu-li-items-active-while-on-child-and-gradnchild-pages#post-31713">this</a> can help you. colorit2 on "Active link color for active pages" http://www.kriesi.at/support/topic/active-link-color-for-active-pages#post-34010 Tue, 06 Dec 2011 08:48:15 +0000 colorit2 34010@http://www.kriesi.at/support/ Hi Chris, my site is still in maintenance mode, so I provide a screenshot with some descriptions in it. Concerning these active link colors my site behaves exactly as your demo site does (<a href="http://www.kriesi.at/themes/corona/)" rel="nofollow">http://www.kriesi.at/themes/corona/)</a>: there is also only "Home" highlighted with the active link color, when you are at the "Home" page, as well as the other 5 main navigation items behaves. But as soon as you are on a subpage of these main menu items, its main menu item (as a parent) is no longer highlighted. Here a screenshot of my site with some descriptions: <a href="http://i39.tinypic.com/2gt5l3l.jpg" rel="nofollow">http://i39.tinypic.com/2gt5l3l.jpg</a> I've changed the color in the code, that you had mentioned above, but this has no effect at all:: <pre><code>.widget_nav_menu .current-menu-item>a, .widget_nav_menu .current_page_item>a{ color:#00FF72; }</code></pre> Chris Beard on "Active link color for active pages" http://www.kriesi.at/support/topic/active-link-color-for-active-pages#post-34000 Tue, 06 Dec 2011 01:05:47 +0000 Chris Beard 34000@http://www.kriesi.at/support/ Hey, sorry for the delay. I lost the link to your site again, could you link me? All I can tell is that in the page you link it's a menu widget - the active color can be defined in your theme css - in the preview it's minimal-skin.css on this line: <code>.widget_nav_menu .current-menu-item > a, .widget_nav_menu .current_page_item > a</code> colorit2 on "Active link color for active pages" http://www.kriesi.at/support/topic/active-link-color-for-active-pages#post-33999 Tue, 06 Dec 2011 00:49:10 +0000 colorit2 33999@http://www.kriesi.at/support/ Really nobody an idea?? I would like to have the active link color for the main page, when being active at a subpage of it. Example: <a href="http://www.kriesi.at/themes/corona/templates/page-sidebar-left/" rel="nofollow">http://www.kriesi.at/themes/corona/templates/page-sidebar-left/</a> In the main navigation no link is in the active link color (coloured). In this example the main navigation link "Templates" - as the parent site of this subpage - should have the active link color. colorit2 on "Active link color for active pages" http://www.kriesi.at/support/topic/active-link-color-for-active-pages#post-32444 Sat, 19 Nov 2011 13:33:00 +0000 colorit2 32444@http://www.kriesi.at/support/ nobody an idea?