Reskined / rebranded Default Theme

[amplifiedsteve]

Hey guys,

I'm starting to use Genesis more and more, and have just converted an old site onto Genesis. I've used the default Sample press theme - here's the website http://inkanaturalorganicfood.com

Feed back welcome 🙂

I've got an issue with iPad on portrait view - if anyone has a spare minute would you mind taking a look? The sidebars get all weird and the content displays outside the widget areas on Pages - such as http://inkanaturalorganicfood.com/what-we-do/

Also there's an issue with the content padding (all round) on iPad / portrait view - it disappears so the content (images, title, body text) touch the edges. Not sure where to fix the CSS - any ideas?

One other thing - I am using Google font for H1 and H2 headers but a different font displays on different devices. Here's my CSS:

h1, h2 {
color: #7ea03e;
font-family: Fredericka the Great, cursive;
}

Any ideas? Thanks all in advance, Steve.

---

Steve Mullen – owner Brite Social – find me on Twitter and G+
Digital marketing consultant, WordPress builder with focus on leisure, destination and entertainment.

http://inkanaturalorganicfood.com/

[Tom]

I like the color palette.

Sidebars and content, for the page you referenced:
In the 1023px Media Query you've zeroed-out padding and should remove that. You'll need a similar correction for the footer widgets that has been removed.

/*
	.archive-description,
	.author-box,
	.comment-respond,
	.entry,
	.entry-comments,
	.entry-footer .entry-meta,
	.header-image .site-header .widget-area,
	.sidebar .widget,
	.site-header {
		padding: 0;
	}
*/

Other wierdnesses @1023px:
The text is literally floating around your image; the image has been inserted with alignleft. Removing this corrects the text float (use alignnone when inserting the image). Then the image is too small so try this:

.entry-content img {
  width: 100%;
}

Then you should just need to wrangle the oversized logo in the sidebar widget.

Fonts: Where you see 'Fredericka the Great' I see comic sans on Chrome desktop (no, really!) and something like Georgia on an Android tablet. You also load Lato in the main stylesheet. I'd review how you're enqueueing Fredericka; also check your stylesheet enqueues while you're at it.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[ToniLaird]

I like the colours Steve. Works well with the greens especially the wood background

[amplifiedsteve]

Thanks for the feedback Toni, i was working towards an earthy / organic feel and the greens and browns were obvious choices for that... but it took a while in photoshop to get the right tones. Glad you approve 🙂

---

Steve Mullen – owner Brite Social – find me on Twitter and G+
Digital marketing consultant, WordPress builder with focus on leisure, destination and entertainment.

[amplifiedsteve]

Hi Tom,

Many thanks for your input.

I will take at the points you've highlighted and will feed back here the outcome.
(Comic Sans? The horror!! I better get on that quick)

I remember copying over the Media Class CSS into my child theme, which was recommended from somewhere else on this forum - can't remember which post / discussion though.

I've removed that from my child theme CSS, so I'm using the default Media Classes and still same issue - zero padding left right of content.

Still getting my head round it all, so I'll investigate how to wrangle the logo in the sidebar and especially the font issue.

Thanks for taking a look.

Steve

---

Steve Mullen – owner Brite Social – find me on Twitter and G+
Digital marketing consultant, WordPress builder with focus on leisure, destination and entertainment.

[Author]

Posts