• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Reskined / rebranded Default Theme

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Showcase and Feedback › Reskined / rebranded Default Theme

Tagged: css, Feedback, iPad

  • This topic has 4 replies, 3 voices, and was last updated 8 years, 10 months ago by amplifiedsteve.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 2, 2014 at 11:21 am #103341
    amplifiedsteve
    Member

    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/
    May 4, 2014 at 11:44 pm #103654
    Tom
    Participant

    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 ]

    May 5, 2014 at 3:08 am #103672
    ToniLaird
    Member

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

    May 5, 2014 at 8:26 am #103694
    amplifiedsteve
    Member

    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.

    May 5, 2014 at 8:47 am #103695
    amplifiedsteve
    Member

    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
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘Showcase and Feedback’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble