Community Forums › Forums › Archived Forums › Showcase and Feedback › Reskined / rebranded Default Theme
- This topic has 4 replies, 3 voices, and was last updated 10 years, 9 months ago by
amplifiedsteve.
-
AuthorPosts
-
May 2, 2014 at 11:21 am #103341
amplifiedsteve
MemberHey 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.May 4, 2014 at 11:44 pm #103654Tom
ParticipantI 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 ]May 5, 2014 at 3:08 am #103672ToniLaird
MemberI like the colours Steve. Works well with the greens especially the wood background
May 5, 2014 at 8:26 am #103694amplifiedsteve
MemberThanks 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.May 5, 2014 at 8:47 am #103695amplifiedsteve
MemberHi 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. -
AuthorPosts
- The forum ‘Showcase and Feedback’ is closed to new topics and replies.