Forum Replies Created
-
AuthorPosts
-
SpankaMember
There are many ways you could do this. There will be no "right" way. I recommend doing a google search on css centering images.
To get you started...
.entry-content img.alignnone { display: block; /* dont act like an image - be a big fat full width element */ margin: 0 auto; /* now I'm a block, margin: 0 auto = place me in the center */ max-width: 100%; /* but Im not allowed to be any wider than my parent */ }
This will align any image that you do NOT float left or right when you add media to your page. It will also never overrun the page or look silly on tiny mobile screens.
SpankaMemberHey Chynna,
It's because you have 2 background image declarations in your CSS.
This one is ok - it works and it is in your style.css (where it should be!)
#header { background: url("images/header.png") repeat scroll 0 0 transparent; margin: 0 auto; min-height: 250px; width: 100%; }
This one is bad - it doesn't work and is flagged with !important, so it is overriding (properly) the "right" one in firefox
#header { background: url("/wp-content/uploads/2013/08/header2.png") no-repeat scroll 0 0 transparent !important; }
This one that is bad points to an image that doesn't exist AND it is in the html of your theme - just inside the closing </head> tag. You need to find what writes this and remove it!
Also - unless you want your logo repeating across the top, you might want to change that first bit of css to include no-repeat....
#header { background: url("images/header.png") no-repeat scroll 0 0 transparent; margin: 0 auto; min-height: 250px; width: 100%; }
or if you wanted it right aligned...
#header { url("images/header.png") no-repeat scroll 100% 0 transparent margin: 0 auto; min-height: 250px; width: 100%; }
SpankaMemberHey dude,
In the past, I had similar issues - I know where you're at. My cause was that I thought I knew css, until I started learning all the responsive techniques...then I realized how far short of the mark I was 🙂 I'm still terribly short, but less short than I was 12 months ago! Let's see here...
First up - a good set of media queries...they are commonly used by another framework for another CMS, but they target pretty much everything nicely. When all else fails, fall back on these puppies to fix it up for certain screen sizes and ranges. When I do some work, that goes straight into my code because it will be used EVERY project. Guaranteed.
// Large @media only screen and (min-width: 1200px) {} // Desktop @media only screen and (min-width: 960px) and (max-width: 1199px) {} // < Desktop @media only screen and (max-width: 1199px) {} // Tablet @media (min-width: 768px) and (max-width: 959px) {} // < Full Tablet @media (max-width: 767px) {} // Tabs, not phones @media only screen and (min-width: 481px) and (max-width: 767px) {} // Phones - large @media only screen and (max-width: 480px) {} // Phones - small @media only screen and (max-width: 330px) {}
css tweaks...
1. Set your #header background-size to "contain".
2. Set #header max-width: 100% (you will probably need to do that a LOT on block divs that have their width in anything except % and every-single-freaking-image-on-your-site).
3. Get rid of that h1 up there man - it's behind the image (hidden) and does nothing 🙂 I'd recommend just replacing the whole header section to be honest - img, not background image! if not, then you'll need....
4. #header needs a min-height declaration on it - get rid of the fixed height. Yeah, I know its easier, do it anyway. You'll need the above media codes to scale it at different sizes. Sorry I don't have the time to figure out why that header is setup that way!
5. Also on your header background, you'll probably want to center it. Might end up lookin like this:#header { background: url(http://millionmoments.net/wp-content/uploads/2013/04/cropped-logoe.png) 50% 0 no-repeat; background-size: contain; min-height: 200px; }
bonus tip: at 480px and below, send every image full width - 100% all the way baby. Minimise padding/borders (still keep design & keep it clean of course) but yeah, make them full width blocks. Sexier.
EDIT: if you rip out the H1, make damn sure you put it somewhere else AND it appears on every page AND is relevant to that page AND is unique to that page. Just realised I hadn't warned to you put it BACK somewhere else if you rip it out 🙂
SpankaMemberI haven't worked with that theme, or even seen it before. But thanks to firebug (if you don't have it, google it and get it)....
.type-portfolio h2.entry-title, .type-portfolio h2.entry-title a { font-size: 25px; font-size: 1.25rem; /* whatever else you want here*/ }
Look at your BODY tag and the series of div tags right inside id="content" - your theme is tagging each post's div with a class of portfolio and another type-portfolio. By using the above code, we're ONLY touching h2's with a class of entry-title that are ALSO inside a class of "type-portfolio".
Should be good, work and without using !important. Trust me though - get firebug and learn how to use it. You can completely redesign any bit you want in real time without refreshing, then just move the changes into your style.css (or wherever else).
SpankaMemberAgency looks nice. I'll try and provide some general advice on WHAT you should be looking for and WHY. I'm a guy who:
a) Develops websites for clients
b) Does heavy SEO work
c) Has his own very successful retail business (and recently spend almost AUD$10k on some very heavy conversion and click through auditing)This is stuff I'm good at and a lot of sites get it wrong. Hell, I got it wrong for a while and it took me weeks to slowly correct over time on a single site! Here's some things you should check:
1) Always get a responsive template and check it on 3-5 different screen sizes every step of the way during development. Mobile purchasing accounts for 10-20% of all sales and it needs to be good. Not just "ok", GOOD!
2) Always get LESS in your theme. Less lines/shades/fancy bits/junk. Less less less. Right now, I'd use the sample genesis child theme if it were me, but that's probably a lot of extra work for most folks. Less = more because going from 3s load time to 4s load time = ~20% or so customer loss. Save that load time for bigger pictures which nets a huge ++ gain on sales.
3) Sounds silly, but get a theme with really nice buttons and form elements if you can! 3d/glossy/animated - whatever. Just make sure those form elements look *great*. Makes a big difference.
4) If it's not very light colored/white, don't touch it. You'll know what I mean when you work with images.
Also - not theme related - make sure you can build tiered navigation. Google tiered navigation seo or seo navigation structure if this is a foreign concept (I think it is to many WP'ers, because I found ONE plugin that does it well - WP Nav Plus by Matt Keys).
Not only is it great for SEO, it allows you to control what pages are most important within your site to Google *and* customers love it. They don't love (or really use) the mega menu style stuff once they're hip deep in deals and buy now buttons.
SpankaMemberI can totally understand all of that. It sounds ugly and stupid - both ethically and financially. Is their eCommerce engine that superior that they (think) they can reasonably get away with it?
But really, there's no excuse for not providing good community support tools. Put in the effort so that the customer base can help each other (like here!). It's just smart! It helps customers help you save time on support!
There's a Joomla community thing I haven't seen a lot of in WP-land: the annual fee model. It is a mix of superior quality code (compared to a lot of freebies), heavier price point and 1 year of updates and support - usually forums + tickets. The customers help each other out for faster support, the devs get a solid chunk of $$ and (usually) care about the forums, and answer tickets. At the end of the year, if you don't renew, cool, you just don't get free updates and support anymore.
And yeah, they should be refunding recent customers as they have just purchased on something that is no longer true. Dirty.
SpankaMemberHey ivvvvl - you've got a few issues, but nothing major!
#header #text-22 { background: url("/wp-content/uploads/2013/08/topquote.png") no-repeat scroll 31px 16px #FFFFFF; float: right; height: 100px; max-width: 100%; width: 600px; }
1. The height is gonna kill you. If you want to squeeze something to 1/10th the width, it gets taller - let it go natural height and remove that height declaration 🙂
2. See the max-width declaration? 600px is fine for a width, but most phones are 480px wide - which is why you couldn't see the left side (it was floated right, so when you shrink, left side vanishes). Max width controls its upper width - perfect declaration for mobile work. Basically, be 600px when you can be, but if 100% < 600px, scale down!
3. Your text is specifically formatted for wide view and that probably isn't going to scale hugely well - it might, but I cant see it! If it does, great. If it doesn't...
#header #text-22 .involution { color: #3B053A; font-family: 'Cinzel',serif; font-size: x-small; letter-spacing: 2px; line-height: 140%; padding: 10px; text-align: center; text-indent: 50px; }
Equalize padding left & right for balance. Center the text. Remove the text-indent. All about balance. But if that's not something you find desirable, you could just drop your padding back to 10px 20px (or similar) and modify your background-image in #header #text-22 - get rid of the 31px left offset - that's pushing the curly quotes beneath the text.
3. it's floating right - cool - but that's gonna look odd if you scale down your browser - remember: it's not just a case of desktop and iPhone - it's everything in between. You might consider something like this:
#header .widget-area { background: none repeat scroll 0 0 #FFFFFF; max-width: 100%; padding: 0 0 20px; }
The colour isn't right, but that's easy to fix. Max width just to be safe (if you're dealing with responsive sites, nearly every image/structural block should have this!). But really, this just turns your 2 separate blocks (logo & quote) into a single white-backed header.
SpankaMembereven if our meta description got flagged as invalid, spammy or too SEO’d we should still see some sort of summary in the search listing?
Exactly. Let's say for example, I had this:
title: The best web design, websites, sites, designed websites and website portfolio in the world
desc: ---meaningless dribble here---Google will likely take one look, do it's binary giggle and chop my suburb, industry vertical or tagline (h3-h6 tags) + my company name and use that for a title. It would likely then chop my first para (or part thereof) and use that for an excerpt. In short, if it feels the info you put forward is crap, then it replaces it with something it deems suitable. Fair? Who knows!
I see your former title in Google right now, but I'm no real marker. I'm in Australia and results are geo-specific.
++ to what Codable says. I was more trying to point out "this isn't WP/Plugin, this is google doing its own thing". I've also done what Codable did 🙂 It's not fun.
You can try and expedite the update process:
1) go to Webmaster Tools -> Crawl -> Fetch as Google - get your home page + all pages it links to.
2) alternatively, try submitting a sitemap! it's the best way for google to get the idea that you're different (if indeed you are)
3) if you use google's custom search engine, there is additional stuff in there.If you can get your sitemaps & robots.txt etc back through google's parse and have it recognise them as ok/valid whatever, you've got a shot and getting on the fast track back. BUT that doesn't mean instant results. Sometimes its a day. Sometimes its a week.
SpankaMemberOn the posting it all above - I did! The second dump was me screwing around for a bit - free updates I guess 🙂 There's nothing special in there. Plenty of copy and paste coolness from MarketPress docs though! The CCTM stuff might be interesting I suppose. It's a very good plug.
On the WooThemes - ouch. Sounds ugly..and abrupt.
It's gotta be a hard market though - from what I've seen, a majority of code is free (as in beer & speech). A lot is supported decently - free. So expectations of a paid product are high. Maybe unfairly so? Or not. Then, add in the layer of "anyone can learn WP and here's 5 billion free tutorials on the net to get you started"...it just seems...dangerous.
Free code. Free knowledge. Lots of both - which is *awesome* - sharing knowledge is the highest calling of the human race. But if you add people who expect free and have no desire/skills to learn, then you just have a bunch of free loaders who expect it....free. I haven't seen a hint of that here (which I love), but it's been everywhere else in the WP world I've been. I have no clue how companies like Woo & StudioPress make money and continue to offer services.
Anyways - I plan to be around for a bit. I'm finally getting myself into WP and I kinda like it. It's almost...Fun. I do miss real widget (module) management from Joomla though!
Is the best thing I can do around here to try and answer questions?
SpankaMemberFor the record, I'm with Summer. php 5.2 is dead, insecure and not happy camperville. Get away from it! But since I'm not seeing any definitive answers here and it's my first day on the forum, let me have a crack...
Call to undefined function genesis() in /home/directory/public_html/wp-content/themes/genesis/single.php on line 21
Initially seems very straight forward.
1. single.php in a default genesis rollout has one line of actual code: genesis(); Unless you've changed your default themes directory or got some fancy rewrites going on, this is fine because the error reports the file to be in the correct place.
2. The error is clear: this function does not exist/cannot be found. php can't find it and thinks you're crazy.
3. From my other works with Marketpress earlier this morning with frankenstein'ing MP+Genesis, I know that the function "genesis" resides in /wp-content/themes/genesis/framework.phpSoooo....
1. Check that you have the core genesis theme installed and untouched.
2. Check that framework.php is in the right place and untouched.
3. Confirm with your host that they did NOT 'upgrade php' by moving you on to a different server/cluster or otherwise change your root paths.
4. Clear/clean/destroy anything that looks like a cache. AND turn caching plugins off.
5. Check your functions.php file - see if you're doing anything cool there like remove_xxxxx I don't know if you can remove the entire genesis framework in this fashion, but yeah - check.
6. Google how to turn on WP debug mode and go looking for other causes.
7. Not sure if it's relevant here - but check if SAFE MODE is on. If it is, that causes a hell of a lot of issues across the board and you need that off asap 🙂
8. Check CHMODs and CHOWNs with your host - does your user on the website (not WP user, the hosting user) have all the appropriate privileges to load/read the files that genesis requires? Did their php upgrade change anything significant like suExec? Did they implement cool "security" features like not allowing full php operation on any CHMOD lower than 655 but less than 777 (Don't laugh, have seen it - no rights or all rights, else Joomla/WP don't work!).That's about all I can come up with. But the real short version: it just cannot find that function in framework.php - very simple error. Probably annoying as hell to find though 🙂
SpankaMemberI took one look at WooCommerce and just laughed. You get a barebones engine and pay through the nose for the GOOD stuff. Given that all these awesome plugins run off oversized CPT's by the look, I just use CCTM to fill in the blanks on their CPTs and do what I need to.
btw - you've GOT my frankenstein code! It's the bottom code frag in my previous post. Where yo've got <!-- genesis loop used to be here --> is where you put your stock standard MarketPress code. There's nothing special in there - just what you'd normally do.
Bleh, why not? Here's the code I'm using with a lot of stuff cut out to leave the basics. It is quite literally getting the core Genesis sequence they use, ripping out the loop function and replacing it with whatever you want.
<!-- Genesis code start --> <?php # Genesis code get_header(); do_action( 'genesis_before_content_sidebar_wrap' ); ?> <div id="content-sidebar-wrap"> <?php do_action( 'genesis_before_content' ); ?> <div id="content" class="hfeed"> <?php do_action( 'genesis_before_loop' ); ?> <?php /* =========================================== WP/MP code start ===========================================*/ ?> <div class="item-page"> <?php if (have_posts()) : while (have_posts()) : the_post(); ?> <div <?php post_class(); ?> id="post-<?php the_ID(); ?>"> <h1 class="mp_product_name"><?php the_title(); ?></h1> <div class="mp_product_content"> <?php mp_product_image( true, 'single', $post->ID, 150); the_content(); ?> </div> <!-- CCTM markup for related products --> <h2 class="prod_relTitle">Related Products</h2> <div class="prod_relProdWrapper"> <div class="prod_relProdIntro">We have several professional skin care products related to <?php echo the_title(); ?>, listed below for your convenience.</div> <?php $relProds = get_custom_field('prod_RelatedProducts:to_array', 'get_post'); foreach ($relProds as $p) { echo "<div class='prod_relProd'>"; $prodThumb = get_the_post_thumbnail( $p['post_id']); echo "<div class='prod_relProdHeader'>"; echo "<h3><a href='".$p['permalink']."' target='_blank'>".$p['post_title']."</a></h3>"; echo "</div>"; echo "<a href='".$p['permalink']."' target='_blank'>".$prodThumb."</a>"; echo "<div class='prod_relProdDesc'>".$p['post_excerpt']."</div>"; echo "</div>"; } ?> <br class="clear"/> </div> <!-- CCTM markup for skin conditions (custom CPT) treated by this product --> <h2 class="prod_relTitle">Related Skin Care Treatments</h2> <div class="prod_relTreatWrapper"> <div class="prod_relTreatIntro">Our salons offer several skin treatments utilising <?php echo the_title(); ?>, listed below for your convenience.</div> <?php $relProds = get_custom_field('prod_RelatedTreatments:to_array', 'get_post'); foreach ($relProds as $p) { echo "<div class='prod_relTreat'>"; $prodThumb = get_the_post_thumbnail( $p['post_id']); echo "<div class='prod_relTreatHeader'>"; echo "<h3><a href='".$p['permalink']."' target='_blank'>".$p['post_title']."</a></h3>"; echo "</div>"; echo "<a href='".$p['permalink']."' target='_blank'>".$prodThumb."</a>"; echo "<div class='prod_relTreatDesc'>".$p['post_excerpt']."</div>"; echo "</div>"; } ?> <br class="clear"/> </div> </div> <?php endwhile; endif; ?> </div> <?php /* =========================================== WP/MP code end ===========================================*/ ?> <?php #Genesis code recommences -> end do_action( 'genesis_after_loop' ); ?> </div><!-- end #content --> <?php do_action( 'genesis_after_content' ); ?> </div><!-- end #content-sidebar-wrap --> <?php do_action( 'genesis_after_content_sidebar_wrap' ); get_footer();
SpankaMemberI don't know about removing the MORE tag, but the styling should be easy enough - use the first-child selector.
I don't know what your HTML looks like, but here's a general idea
<div id=wrap> <div id=post-1 class=genesis-post> ---- some stuff </div> <div id=post-2 class=genesis-post> ---- some stuff </div> <div id=post-3 class=genesis-post> ---- some stuff </div> </div>
Each of your posts will be wrapped in a div that has a common class. To format the first one differently, do this:
.genesis-post:first-child { /* some formatting here */ }
SpankaMemberIf your source code contains the titles and meta description code, let's go logic style for just a sec:
1. Yahoo & Bing works. Therefore its not your site, it's Google.
2. Let's search on something that makes sense...my title and meta description don't show correctly in the SERPs (seach engine result pages...), so search on that:google replacing titles and descriptions in serps
Boom - hundreds of results that basically summarise as:
If google feels that your title/meta desc are invalid, spammy, overly SEO'd, misleading or pointless they write their own based upon actual the content of the page.
I don't know if your site is like that - I didn't look. Didn't need to 🙂 The info to solve this problem is in front of me! It also helps that I've been doing SEO for ~10 years of course 😛
A free tip for you: Google does not give a DAMN about your meta desc (or keywords). Hasn't for years. The ONLY value to meta description is that it is usually used as the excerpt of your search engine result - if it's good.
This means that your meta desc is the ONLY PLACE where you get a sentence to convince someone to click. Use it for marketing and enticement, not SEO 🙂 Also - don't bother with the name of your company if you're doing that. Why? If I just found you on a Google search, I don't care about you/your brand/etc yet. I care about what you can do for me - that's why I'm googling! Use it to present immediate benefits as to WHAT I get if I'm smart enough to click YOUR link.
SpankaMemberHey guys, this is my first post here and I think I'm in the deep end as usual 🙂 But I might have an answer here for Marketpress + Genesis.
Quick background: joomla hack for years, checked out WP a few months ago, got into Rocket Theme's gantry framework (excellent, but CRAP for working with other stuff like MarketPress - completely custom template hierarchy) and now, I'm here working with Gensis (hoping that it's a more "wp-way" framework!). Im kinda ok with php/mysql, but not a dev.
WARNING: I put this together in about 10 minutes. This is a STARTING point, not a drop-in solution that makes you scream "I win" in 10 minutes or less.
Anyway, here's the idea:
1. MarketPress has its own internal system for content generation that it plugs dynamically into your WP theme....and its own hierarchy of templates for products, categories etc. This doesn't play well with frameworks, because frameworks need to include their frame around everything generated.
2. Therefore, the goal is to be able to override your MP files in the standard way (mp_product.php etc), but still retain the Genesis functionality. Simple - find out how Genesis does it and do it that way, because you're in their world, so play by the rules.
3. Create your mp_product.php inside your theme or child theme - just as you would normally, as per MarketPress themeing instructions.
4. Frankenstein the Genesis framework around your MP code. As you've probably noticed, most "pages" for Genesis themes just have genesis(); We need the parts of that. These can be found in /wp-content/themes/genesis/framework.php. Here's the CORE of that file:get_header(); do_action( 'genesis_before_content_sidebar_wrap' ); ?> <div id="content-sidebar-wrap"> <?php do_action( 'genesis_before_content' ); ?> <div id="content" class="hfeed"> <?php do_action( 'genesis_before_loop' ); do_action( 'genesis_loop' ); do_action( 'genesis_after_loop' ); ?> </div><!-- end #content --> <?php do_action( 'genesis_after_content' ); ?> </div><!-- end #content-sidebar-wrap --> <?php do_action( 'genesis_after_content_sidebar_wrap' ); get_footer();
5. This is way too tricky for me, but I *do* know that the actual CONTENT of pages is generated inside the loop. At least, that's how MP does it, Gantry and now I'm guessing Genesis. So we want ALL of this code, but we want our ACTUAL store code to replace the line:
do_action('genesis_loop');
6. If you created your mp_product.php and copied in that code from above, then replaced the do_action('genesis_loop') line, you end up with something like this:
get_header(); do_action( 'genesis_before_content_sidebar_wrap' ); ?> <div id="content-sidebar-wrap"> <?php do_action( 'genesis_before_content' ); ?> <div id="content" class="hfeed"> <?php do_action( 'genesis_before_loop' ); ?> <!-- genesis loop used to be here. now it's going to be whatever I want my MP code to be --> <?php do_action( 'genesis_after_loop' ); ?> </div><!-- end #content --> <?php do_action( 'genesis_after_content' ); ?> </div><!-- end #content-sidebar-wrap --> <?php do_action( 'genesis_after_content_sidebar_wrap' ); get_footer();
The Aftermath....
As stated, this is 10 minutes of reading through my Genesis sample theme and some other crap I've got floating around. My result was:
- My sample theme is loaded accurately and all scripts & css seem to reference ok
- My 2 custom widget areas I've registered work
- My MP product shows properly, including lightbox operability
- My related products content (thanks to CCTM - freaking awesome system) and my related skin care treatments both load perfectly well with stock standard code.
- My footer appears correctly
- Responsiveness is retained
I'd LOVE IT if someone "official'ish" (or at least "good at WordPress stuff") can confirm/deny whether I'm doing something horribly terrible with catastrophic consequences to Gensis, but it doesn't look like it!
Hope this helps someone.
-
AuthorPosts