Forum Replies Created
-
AuthorPosts
-
exelexys
MemberNo, thanks for suggesting Creative Market.
exelexys
MemberThanks for taking the time to share the code. Much appreciated, as always.
exelexys
Memberexelexys
MemberThanks for sharing. Is there a way to modify Genesis (like in this case) without modifying its core code?
exelexys
MemberWanted to avoid that, and thankfully was able to by using this as inspiration to use CSS, and more specifically, an attribute selector to hide selected categories based on the partial value of the title attribute of the anchor tag:
.categories a[title$="StringEndingAttributeValue"] { display: none; }
Thanks!
exelexys
MemberThanks for this suggestion. Already using Custom Featured Post Widget but am worried about losing my changes if plugin is updated.
Does the plugin have any filters?
exelexys
MemberExperiencing the same problem with placeholder menus not responding on iOS devices. Works fine on Android devices, though.
Is there a workaround for this problem?
Link to site (see Services menu): http://is.gd/YnsPFR
April 20, 2014 at 10:26 am in reply to: Agency: Featured post block/lightbox image gallery hybrid #101446exelexys
MemberNot sure I understand how what you're describing would work. Could you provide some details?
Thanks in advance!
exelexys
MemberPerfect. Thanks very much!
exelexys
MemberThanks for the tips.
Any idea how to make the magnifying glass icon disappear when text is the search field so the cancel icon is clearly visible?
Thanks!
exelexys
MemberFinally got this to work after being unable to look at it nearly a week.
Au Coeur, thanks for your help, couldn't have done it without you.
CSS (if anyone is interested) can be found below. Note this CSS is the entire Site Navigation section from Executive Pro, though only approximately the first half has been modified.
There are three color states each of which contain CSS properties background-color and color :
- default
- selected (main menu only)
- hover
In the CSS below, these correspond to:
- default
- background-color: #35406b;
- color: #fff;
- selected (main menu only)
- background-color: #88c3e8;
- color: #fff;
- hover
- background-color: #fff;
- color: #35406b;
Not everyone may want this same color state behavior, particularly when hovering over submenu items, but this seemed most plausible to me from a usability perspective. Feel free to change the colors/color states as anyone sees fit.
Added bonus: submenu behavior carries over to sub-submenu items (lending credence to the 'cascading' portion of CSS =)
/* Site Navigation ---------------------------------------------------------------------------------------------------- */ .genesis-nav-menu { background-color: #35406b; clear: both; color: #fff; font-size: 14px; font-size: 1.4rem; line-height: 1.5; margin: 0; overflow: hidden; padding: 0; width: 100%; } .genesis-nav-menu .menu-item { display: inline-block; margin: 0; padding: 0; text-align: left; } .genesis-nav-menu a { color: #fff; display: block; padding: 16px 20px; padding: 1.6rem 2rem; position: relative; text-decoration: none; } .genesis-nav-menu li:hover, .genesis-nav-menu a:hover { background-color: #fff; color: #35406b; text-decoration: none; } .genesis-nav-menu li:hover a { background-color: #fff; color: #35406b; text-decoration: none; } .genesis-nav-menu li:hover .sub-menu a { background-color: #35406b; color: #fff; text-decoration: none; } .genesis-nav-menu li:hover .sub-menu a:hover { background-color: #fff; color: #35406b; text-decoration: none; } .genesis-nav-menu .current-menu-item > a { background-color: #88c3e8; color: #fff; } .genesis-nav-menu li.current-menu-item:hover > a { color: #35406b; } .genesis-nav-menu .sub-menu { left: -9999px; margin: 0; opacity: 1; padding: 0; position: absolute; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; width: 148px; z-index: 999; } .genesis-nav-menu .sub-menu a { background-color: #35406b; color: #fff; border-top: none; font-size: 12px; font-size: 1.2rem; padding: 10px 18px; padding: 1rem 1.8rem; position: relative; width: 148px; } .genesis-nav-menu .sub-menu a:hover { background-color: #fff; color: #35406b; text-decoration: none; } .genesis-nav-menu .sub-menu .sub-menu { margin: -40px 0 0 147px; } .genesis-nav-menu .menu-item:hover { position: static; } .genesis-nav-menu .menu-item:hover > .sub-menu { left: auto; opacity: 1; } .genesis-nav-menu > .first > a { padding-left: 0; } .genesis-nav-menu > .last > a { padding-right: 0; } .genesis-nav-menu > .right { display: inline-block; float: right; list-style-type: none; padding: 16px 20px; padding: 1.6rem 2rem; } .genesis-nav-menu > .right > a { display: inline; padding: 0; } .genesis-nav-menu > .rss > a { background: url(images/icon-rss.png) no-repeat left; background-size: 12px 12px; margin-left: 12px; margin-left: 1.2rem; padding-left: 16px; padding-left: 1.6rem; } .genesis-nav-menu > .twitter > a { background: url(images/icon-twitter-nav.png) no-repeat left; background-size: 16px 16px; padding-left: 20px; padding-left: 2rem; } .genesis-nav-menu > .search { padding: 0; } .genesis-nav-menu .search-form { width: 100%; }
exelexys
MemberYes, found it. Tried changing all existing navigation menu color settings, but no luck. If the default color of the main menu text is the same as the hover background color (in this case white), hovering over the submenu item causes the menu text to 'disappear'.
In addition to the example in my original post, this is again evident when a main menu item with submenu items is the currently selected menu item. In this case, since the default text color (white) is not the same as the hover background color (there is none, since the currently selected menu item doesn't change color), the main menu item text doesn't disappear when hovering over the submenu items:
Need to add a selector to the CSS file to prevent this from happening, but haven't able to find the right one. It's still unclear why the main menu item background retains its color when hovering over submenu items, but the text doesn't.
Thanks
exelexys
MemberSite isn't publicly visible but temporarily disabled Under Construction page if you can take a look and let me know:
http://is.gd/VWmnuFThanks!
March 11, 2014 at 6:59 pm in reply to: Featured Posts widget: remove space before ellipsis (…)? #94339exelexys
MemberSeems the ellipsis in the Featured Posts widget starts on a new line because it's actually an HTML entity (
…
), not three periods as originally thought. Apparently, the spacing between the dots in the entity is much smaller than the standard spacing between three periods, hence the need for an HTML entity.
This HTML character entity can be replaced with three periods using the following filter pulled from the StudioPress
Post Excerpts snippet.//* Modify the Genesis content limit read more link add_filter( 'get_the_content_more_link', 'sp_read_more_link' ); function sp_read_more_link() { return '... <a class="more-link" href="' . get_permalink() . '">[Continue Reading]</a>'; }
This doesn't eliminate the space between the end of the excerpt and the new faux ellipsis, but at least now there are no orphaned ellipses on new lines.
exelexys
MemberThanks. What's the best way to bring these things to moderator attention?
March 1, 2014 at 2:23 am in reply to: Agency Pro: repositioning post info on featured posts widget (home page) #92916exelexys
MemberWhat about trying to insert the post category before the featured post content via the Genesis Featured Widget Amplified?
Possibly using one of these two hooks:
gfwa_before_loop gfwa_before_post_content
Thanks
exelexys
MemberWill give it a shot. Thanks very much!
February 27, 2014 at 8:59 am in reply to: Agency Pro: repositioning post info on featured posts widget (home page) #92674exelexys
MemberThanks!
February 27, 2014 at 12:42 am in reply to: Agency Pro: repositioning post info on featured posts widget (home page) #92615exelexys
MemberThanks for the link!
What about displaying a static text string above each featured post title e.g., Blog?
-
AuthorPosts