Forum Replies Created
-
AuthorPosts
-
David ChuParticipant
Hi,
This is actually a great illustration of the potential weaknesses of "magic styling add-ons". 馃檪Your .entry-content DIV is massively overflowing, so the fix you described will put a speed brake on that. 馃檪 But it will not solve the entire problem. The basic problem is that you're using Visual Composer to play with the width of things inside the content area, and they're getting too large, so the whole thing is spewing out the side. You can try adjusting the sizes of all those items.
There are way too many elements for me to point out which ones are too massive, I'm afraid. At least this will point you in the right direction.
Good luck,
Dave
Dave Chu 路 Custom WordPress Developer – likes collaborating with Designers
David ChuParticipantSusan,
Yes, good point, that's exactly it. What many people don't know is that you don't want to use "display: none" to vanish these, because that tends to hinder accessibility.Food blogging appears to be exploding - these days I'm getting multiple requests to customize Foodie Pro, sometimes substantially. Now I know where all the bodies are buried in its code. 馃槈
Dave
Dave Chu 路 Custom WordPress Developer – likes collaborating with Designers
David ChuParticipantHi,
That's an interesting case, which I'm starting to see here and there. Did you, by chance, install an accessibility plugin?Dave
Dave Chu 路 Custom WordPress Developer – likes collaborating with Designers
David ChuParticipantHi,
That's a very fancy page you have there. And those 3d boxes might be getting a little too fancy. 馃檪That's not a Genesis problem, but I can at least give you one quick idea. I see you're using SVG's for various things. I viewed a couple of them, and they don't seem to show any picture, they look blank. Maybe check those SVG's - those can be tricky.
When I looked at the console output, I also see a whole lot of 404's on various SVG's, so they won't show up at all. You probably need to make sure you have the right paths to those resources, or just make sure you uploaded them to the right place. 馃槈
Good luck,
Dave
Dave Chu 路 Custom WordPress Developer – likes collaborating with Designers
David ChuParticipantHallo!
Interesting question, and that's a good idea... that hipster fade effect doesn't work well with that photo.I found the thing that's doing that. Take a look at the CSS. Sorry, my Dutch is non-existent, but in English you'd go to Appearance..... Edit. You can get rid of the effect by commenting out (or deleting) all lines beginning with "background", and also the one beginning with "filter", which is for silly Microsoft browsers.
.image-section { background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0.8) 80%, rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(30%,rgba(0,0,0,0.5)), color-stop(80%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#e6000000',GradientType=0 ); display: table; overflow: hidden; table-layout: fixed; width: 100%; }
Cheers, Dave
Dave Chu 路 Custom WordPress Developer – likes collaborating with Designers
David ChuParticipantHandsun,
You're welcome!Yes, using the rgba format for that is often the best way to go, good call. It looks really good now, and the drops have that extra little push. What a team! 馃槈
Dave
Dave Chu 路 Custom WordPress Developer – likes collaborating with Designers
David ChuParticipantHi,
I've got something for you to check. Unless you have some unusual process on your site, you don't have to have any Pages at all in your menu if you don't want to. No plugin needed at all, either.Go to Appearance... Menus.... and be sure that your main menu is showing (if not, select it in the dropdown near the top). Now take a look at Menu Settings down below your menu items. If "automatically add new top-level pages" is checked, that can be unchecked, and then simply delete any Page from the menu. Save, and enjoy. And no, this won't delete any Pages. 馃檪 It just takes them out of the menu.
The only tiny downside is that now if you want new Pages in your menu, you'll need to add them manually.
Best,
Dave
Dave Chu 路 Custom WordPress Developer – likes collaborating with Designers
David ChuParticipantHi!
A very interesting brain-teaser! I have an idea for you to pursue. Notice the last 2 lines I've added to your CSS: (I removed the "at sign" before "media" because good old bbpress will eat the code otherwise)media only screen and (min-width: 800px) .nav-primary .genesis-nav-menu { float: right; background-color: #FFF; opacity: 0.5; position: relative; z-index: 10; }
This made the dropdowns appear. I do like the watery opacity of the menu. But for the dropdowns, it makes them a little tricky to read due to low contrast. So you may want to play with opacity on the sub menu. And since this code is for a certain breakpoint, you may need to make a similar change at other screen sizes.
if all opacity is removed from the primary menu, the z-index problem goes away! I'm a CSS geek, and was surprised to find that opacity interacts with z-index. 馃檪
Hope that helps,
Dave
Dave Chu 路 Custom WordPress Developer – likes collaborating with Designers
David ChuParticipantDavid ChuParticipantHi,
Looks like FF handles float clearing differently. I've got a fix for you. Note the last line, which you'll want to add in your CSS:#nav { background: transparent url("images/nav.png") repeat scroll 0% 0%; color: #111; font-size: 16px; margin: 0px auto; padding: 0px; clear: both; }
You have an old version of Education, I see. Nowadays SP themes use before and after pseudo-classes to clear floats instead of the explicit bit I used above. I'm not saying upgrade, because then you'll lose all your other custom stuff.
This does, however, produce an extra space between those upper DIV's. Since you're using the old-school Dreamweaver type of background bits, you'll probably want to adjust the image for the #nav background.
Cheers, Dave
Dave Chu 路 Custom WordPress Developer – likes collaborating with Designers
David ChuParticipantHi,
I've got one thing to check for you. This often happens if someone published their blog, did a bunch of Posts, and only then decided to allow comments. Even if you did that setting, your existing Posts may have commenting shut off. Edit a Post, and check down near the bottom to see if commenting is disabled.If you have a lot of Posts like this, there's a handy method for that: bulk editing.
Beyond that, some plugin or theme element may be interfering.
Good luck, Dave
Dave Chu 路 Custom WordPress Developer – likes collaborating with Designers
David ChuParticipantHi,
Here's a little secret. Unfortunately, it requires some manual work. The Studiopress theme demos have a columns page. This is actually a regular page - no special template, although you can set your page to be full-width first if you want.To get columns, you use HTML and some classes in your Post content. Here is a very quick example:
<div class="one-half first"> <p>First column text here.</p> </div> <div class="one-half"> <p>Second column text here.</p> </div>
The other column formats are done similarly. You'll need to read your stylesheet for details. Appearance.... Edit, and search for "columns". The "first" bit helps your columns to not be "invaded" by content preceding the columns.
I hope that helps a bit. Sorry not to have a magic answer for you. Yes, this could be managed using a custom template, but that would require some significant Genesis and PHP expertise, maybe using a grid-like structure via CSS and then probably custom fields or the like to fill in the columns.
Dave
Dave Chu 路 Custom WordPress Developer – likes collaborating with Designers
David ChuParticipantDavid ChuParticipantHi,
This one isn't the plugin's fault. It's a well-intended, but incomplete bit of fancy Genesis 2 CSS. Here's an example of some code that cleans it up a bit. If you go to Appearance.... Edit, you'll be editing the CSS. Try adding the bits I have here:.page-id-16 .wpcf7-list-item input { width: auto; border-radius: 0; box-shadow: none; }
.page-id-16 span.wpcf7-list-item { margin-left: 0.5em; display: block; }
This way you have your shorter boxes on the Contact Page, but that one page should be fixed.
Form styling is a big pain, even for very experienced people. 馃檪
Have fun,
Dave
Dave Chu 路 Custom WordPress Developer – likes collaborating with Designers
David ChuParticipantJohn,
Glad to hear it, you're welcome. Those priorities will getcha - and what's additionally confusing is that a priority that works with one theme will need to be boosted or shrunk on another, even with the same framework.I sort of had the opposite "insight" a few days ago... I'm working on a Genesis site, and tried one of the usual hooks, easy peasy, and just nothing, nada! Then it dawned on me that the site was pre-Genesis-2, so of course the Genesis 1 hooks worked just fine. 馃槈
Dave
Dave Chu 路 Custom WordPress Developer – likes collaborating with Designers
David ChuParticipantJohn,
That's a very interesting question. I know that they quietly slipped a bunch of Genesis stuff into the Customizer, but I'd never dealt specifically with the Genesis Customizer stuff. I worked out a way to do this.add_action( 'customize_register', 'dc_pull_comments_from_customizer', 20 ); function dc_pull_comments_from_customizer ( $wp_customize ) { $wp_customize->remove_section('genesis_comments'); }
It uses the standard WordPress function for hooking into the Customizer settings, and I put it into functions.php. I found another way, too, but this is the cleanest and avoids an extra global declaration. The "20" is key, too - the command didn't work without the priority, presumably due to timing of the Genesis Customizer commands. So if you get no results, try playing with that priority number, most likely using a higher one.
Cheers, Dave
Dave Chu 路 Custom WordPress Developer – likes collaborating with Designers
David ChuParticipantHello, My Travelling Friend!
First I'd say, why? 馃槈 But seriously... I suppose I would put a regular menu there and style it up for flyouts. Then at narrower size, I'd vanish that one, and then reveal an upper dupe of the same menu "in hamburger". But that's a fair bit of work.Gee, nowadays I'd probably go all hipster and do one of these off-page beauties:
http://www.sitepoint.com/pure-css-off-screen-navigation-menu/Then no need for the responsive extra one! 馃槈
Best, Dave
Dave Chu 路 Custom WordPress Developer – likes collaborating with Designers
David ChuParticipantYou're welcome.
Ah, that's interesting that the theme would have that type of setting, too. I haven't seen the insides of it.
Dave
Dave Chu 路 Custom WordPress Developer – likes collaborating with Designers
David ChuParticipantDavid ChuParticipantHi!
This theme seems to be messing up lots of people today! 馃檪 I think your last sentence may be the key.... the altitude demo looks as though it's assuming that you won't use a static homepage. That's sort of old-school - I (and many other developers) don't use this approach anymore for various reasons.Try un-setting the static home page and see if they show up. Beyond that, official support should be able to help you out.
Cheers, Dave
Dave Chu 路 Custom WordPress Developer – likes collaborating with Designers
-
AuthorPosts