• 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

Modern Blogger Pro Customization of Genesis eNews Extended Widget in header

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 › Design Tips and Tricks › Modern Blogger Pro Customization of Genesis eNews Extended Widget in header

This topic is: resolved

Tagged: Genesis eNews Extended, header, modern blogger pro

  • This topic has 3 replies, 2 voices, and was last updated 8 years, 6 months ago by [email protected].
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 14, 2014 at 10:14 am #124344
    [email protected]
    Member

    Hi! I'd appreciate some help with this.

    I would like to center the signup form for mobile devices. Can you please tell me where to find the code that has the padding on the right? I've played around with it and haven't found the correct settings to get the subscribe box to either be centered or full length on a mobile device. Thank you!!

    http://thesophisticatedlife.com/test/
    September 14, 2014 at 11:14 am #124353
    Susan
    Moderator

    Kate:

    It appears that you have modified the stylesheet - the demo's eNews Extended subscribe box will automatically center on a mobile device.

    In any case, the area to customize it is here:

    .site-header .enews-widget {
    background: #fff;
    float: right;
    margin: 10px 0 0 0;
    margin: 1rem 0 0 0;
    padding: 0 10px 10px 10px;
    padding: 0 1rem 1rem 1rem;
    width: 70%;
    }

    September 14, 2014 at 1:48 pm #124380
    [email protected]
    Member

    Hi. Thanks. I removed padding but it's still not centering on a mobile device. I did restore the code to the default and that didn't center the buttons either.

    I was able to get the search bar to open at 100% but I can't figure out how to get it either centered or have it 100% like the search bar.

    Thanks again for any help you can provide.

    September 14, 2014 at 8:15 pm #124439
    [email protected]
    Member

    I finally found where the issue was. This was set at 80%.
    .site-header .enews-widget {
    float: none;
    padding: 0;
    width: 100%;
    }

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Modern Blogger Pro Customization of Genesis eNews Extended Widget in header’ is closed to new 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