Forum Replies Created
-
AuthorPosts
-
zoemornParticipant
Support for the Showcase theme replied and it turns out that if a featured image isn't set for a team member then the Team Grid widget doesn't pull in the team member to the frontpage widget. The widget displays the pic with a overlay caption on hover that says the team members name.
So i've got the issue resolved, if you use the theme and use the team grid widget, make sure to have an image (which you'd typically do anyway right?) In my case i didnt have a graphic immediately ready to us but was just setting up and not seeing anything displayed was giving me grief. I think it'd be cool if the theme would at least display a place holder image if no featured image is set.thanks, so far the theme is working ok, some elements have been tough to isolate CSS selectors for to custom style, but that goes with most themes, at least for me.
zoemornParticipantThanks, ya,
the following is my perspective as a non-expert who's lightly dabbled in setting up wordpress sites, tailoring, but still very much the novice.
i'm familiar with ID's vs Classes, i do struggle with specificity rules and some of that which i know theres available information about the topic.where i struggle most, is with isolating the right selector combination to make the style change desired. I'll use firebug and/or chrome's Inspector and think i'm grabbing the right selectors but the complex nature of wordpress and plugins and themes can make getting that combination a real hunt. And then there are the factors of how wordpress reads the various stylesheets involved (specificity rules etc) which means that one could have the 'right' selectors but due to specificity and precedence and 'when' the rule is being read in relation to the rules you want to override - having the right combination wont matter without doing something outside the style sheet to make it take effect.
thanks again, you'll find a coffee paid for, enjoy.
🙂zoemornParticipantWow. So i discovered an error in my css and the following work, (i wonder how many other related statements might also work if not for my error of forgetting the "color:"
#menu-item-1860 a {color:pink!important;} --- the menu-item-1860 is an identifier for the exact menu so this is cool that this works.
.genesis-nav-menu li.cta a {color:pink!important;} this shows that the custom class works when combined with the genesis-nav-menu and li.customclassnamethanks Christoph, apparently just talking to you causes discovery of solution LOL i must do that more often!
🙂if one method is preferable over the other, i'd welcome elaboration about this.
zoemornParticipanthere's the site i'm trying to over-ride styling on the first nav menu item "you're invited" to bring attention to it, like a call to action.
thanks for taking a stab at it. i enjoy putting together sites except for when CSS selector sniffing becomes a maddening frustratingly heinous process of beating head to wall. i even install the addon for mozilla 'css selectors' which is supposed to report what selector is in effect, but i've not figured out how to truly isolate what to use.i tried your suggestion, and switched to lower case class: .genesis-nav-menu .cta.menu-item to no avail.
suggestions appreciated both in response to this issue and in how to become less newbie-ish at isolating the proper selectors for styling over-rides.
zoemornParticipantChristoph (or other brave souls)
Just as you've suggested to Ed, likewise I've been trying to add a custom class, or otherwise style a particular nav item and been pulling my hair out. I can't get the custom class to work nor can i apparently find the right selector combo to style the item in question.the selector :
.genesis-nav-menu a
is what colors the entire nave menu. the problem i'm having is doing a selective style on a particular nav item. after working for way too long using firebug/inspector to force a style change on one menu item (by adding a custom class as you suggest, but apparently its just not that easy.) trying to nail down the right selector combination makes me want to light my puter on fire.following these instructions then the CSS that should work would be like this:
.genesis-nav-menu li.CTA {pink!important;} where "CTA" is the custom class that i've set in the wordpress menu for the one i desire for special stying. but it doesnt work and seems to be ignored.
the nav item in question has an identifying selector menu-item-1860 as an ID and class as well, which i've tried to blend in for specificity to no avail.
example HTML from the site (just removed links):
<ul id="menu-main" class="menu genesis-nav-menu menu-primary js-superfish sf-js-enabled sf-arrows" style="touch-action: pan-y;"><li id="menu-item-1860" class="CTA menu-item menu-item-type-post_type menu-item-object-page menu-item-1860"><span itemprop="name">You’re Invited!</span>i, and my hair, would love for someone to shed light on exactly how i should selectively style the menu-item-1860 nav link. Educated me oh wise ones, and a coffee will be on the way! 🙂
August 22, 2016 at 11:13 am in reply to: Digital Pro question: sizing the Front Page Widgets #191797zoemornParticipantthanks, i'll try that today and see how i fare.
update: well you're right in that does shrink up the space in the top n bottom.
i guess what i want to do is decrease the display size of that area, as the table on the 2nd widget area (the right most side) is pushing it out. That widget is being fed by Genesis Feature Page widget with page content set to display so the table shows up, which is a Tablepress shortcode on the page feeding the widget. If i use the More Text feature of the widget, despite what character limit i enter for it, nothing displays on the page except the "see more" text. so i guess it isn't liking the shortcode or table.
I also tried just using a text widget for that section, using the table shortcode, which works fine other than being able to restrain the section height.
all i can think to do is to slice the table down which will mean more ongoing work as this is a calendar of events.
i played around with changing: .front-page-2 .wrap but that breaks the display flow and contents just overflow on the page.thanks again. i'll keep conjuring up ideas for wrangling the output as i'd like to restrain the height
-
AuthorPosts