• 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

bluebird

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
  • Profile
  • Topics Started
  • Replies Created
  • Engagements
  • Favorites

Forum Replies Created

Viewing 10 posts - 21 through 30 (of 30 total)
← 1 2
  • Author
    Posts
  • January 28, 2017 at 11:57 am in reply to: Centric Pro Social Media API call/requests #200188
    bluebird
    Member

    Oops!

    January 23, 2017 at 12:19 pm in reply to: Genesis eNews Horizontal & Mobile CSS Inside! #199881
    bluebird
    Member

    Thanks for sharing this Erika!

    January 22, 2017 at 10:56 pm in reply to: Magazine Pro Theme – Changing Padding Around Header Just on Mobile #199827
    bluebird
    Member

    You're welcome! I like to help out when I can.

    Cheers:-)

    January 22, 2017 at 8:12 pm in reply to: Magazine Pro Theme – Changing Padding Around Header Just on Mobile #199816
    bluebird
    Member

    I think that you forgot to get rid of the header-image .site-title a min-height property:-)

    January 21, 2017 at 8:16 pm in reply to: Magazine Pro Theme – Changing Padding Around Header Just on Mobile #199774
    bluebird
    Member

    You're welcome Valhalla!

    If everything else seems to be sitting well at the tablet and desktop view breakpoints, then (assuming that this is not a mobile first design) I would try using a max-width of 414px. That should cover most mobile phones.

    Cheers,

    Juliette

    January 21, 2017 at 12:31 pm in reply to: Magazine Pro Theme – Changing Padding Around Header Just on Mobile #199769
    bluebird
    Member

    Hi @vallhalla,

    Try getting adjusting these properties in mobile view with media queries:

    .header-image .site-title a {
         ////////get rid of the min-height property
    
    }
    
    .header-image .site-header .title-area{
    ////lessen the padding of the top/bottom///
      padding: 20px 0px;
    }
    
    .primary-nav .site-header {
      ///adjust margin-top according to view-port size//////
      margin-top: -20px;
    }
    
    

    See if that helps:-)

    Juliette

    December 26, 2016 at 3:17 pm in reply to: How get individual image-headers for each page, with special title-effect #198232
    bluebird
    Member

    Hi Rainer,

    (Brad, tell me if this is the wrong approach, as I am still new to Genesis and its child themes)....

    Another avenue to explore would be to add a custom body class to each page (via a custom template for each custom page) that you want to apply custom styles to like so:

    add_filter( 'body_class', 'childthemeprefix_new_body_class' );
    function childthemeprefix_spotify_body_class( $classes ) {
    	$classes[] = 'new-page';
    	return $classes;
    }
    
    

    Then select each header like so:

    .new-page .site-header{
      //your styles here.....
    }
    

    I guess it all depends on how much customization you plan on implementing.

    Cheers:-)

    December 25, 2016 at 3:09 pm in reply to: Need help to get the right theme #198109
    bluebird
    Member

    You are welcome Rainer!

    I'm just getting familiar with Genesis and its child themes myself, but I imagine that getting a transparent menu bar shouldn't be any more complicated than working with the background-color and the opacity via your css file in your template.

    Cheers and Happy Holidays:-)

    December 25, 2016 at 11:59 am in reply to: Need help to get the right theme #198093
    bluebird
    Member

    Hi Rainer,

    Check this theme out and see if it's something that you can work with:

    http://my.studiopress.com/themes/lifestyle/

    Cheers:-)

    Juliette

    December 4, 2016 at 1:00 pm in reply to: Centric Pro Header Image #196999
    bluebird
    Member

    Hi Emasai and Brad,

    Thanks for getting back to me. I tried to add the image by calling it from my images folder like so:

    add_theme_support( 'custom-header', array(
        'default-image'   => get_stylesheet_directory_uri() . '/images/logo.svg',
        'width'           => 100,
        'height'          => 100,
        'header-selector' => '.site-title a',
        'header-text'     => false
    ) );

    ...and it did not work...

    I also tried to add the image via some javascript:

    var image = document.createElement("img");
          
          var imageParent = document.querySelector("a");
          var searchPic = new Image(100,100);
           searchPic.src = "images/logo.svg";
          // image.id = "Id";
          // image.className = "class";
          image.src = searchPic.src;
          imageParent.innerHTML = "";
          imageParent.appendChild(image);

    With this code the link still works, but the image (even though I can see it referenced in the console) does not appear as it should.

    I also tried a plugin to no avail. I also tried the code that is referenced the CSS Tricks link above and that didn't work either.

    Sigh....... I'm beginning to think that it's just not possible. Hopefully I'm wrong.

    Thanks again:-)

  • Author
    Posts
Viewing 10 posts - 21 through 30 (of 30 total)
← 1 2
« Previous Page

CTA

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

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 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