• 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) Genesis Responsive Slider

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) Genesis Responsive Slider

This topic is: not resolved

Tagged: genesis responsive slider, modern blogger pro, slider widget

  • This topic has 10 replies, 3 voices, and was last updated 10 years ago by Susan.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 8, 2015 at 3:15 pm #151045
    Visitodo
    Member

    Hi all,
    I recently activated Modern Blogger theme for my Travel blog http://www.visitodo.com.
    I want to put a slider on the homepage under the main header and before my blog posts.
    I want the slider to show 4 or 5 blog posts of my choice.
    However I can not get it to appear.
    I have filled out the Genesis Responsive slider settings.
    when i go to widgets, i drag to Slider Widget as i do not have a Home- Slider option available.
    Can anyone point me in the right direction please?
    Thanks in advance

    http://www.visitodo.com
    May 8, 2015 at 3:20 pm #151046
    Brad Dalton
    Participant

    You will need to add a new widget after the header

    You can also add the

    if( is_front_page())

    conditional tag after the function name in the code.


    Tutorials for StudioPress Themes.

    May 8, 2015 at 3:23 pm #151047
    Susan
    Moderator

    This is a question which you can ask on the Pretty Darn Cute Design Support Forum: https://prettydarncute.com/forum-index/

    Drag the Genesis Responsive Slider to your "Slider Widget" (Dashboard > Appearance > Widgets > Slider Widget

    Susan
    Pretty Darn Cute Design Theme Support Admin

    May 8, 2015 at 9:11 pm #151088
    Visitodo
    Member

    Hi Everyone
    thanks for your messages. I tried both the suggestions but cannot see the widget with the imagines and preview of the selected posts in the settings. Basically I would like to have a box with images of a few posts, when the readers click on it they can read the posts. The images slides after few seconds.

    I tried boih the suggestions I also changed the functions.phd iin this way

    /** Ad Space Widget Area */
    add_action( 'genesis_before_loop', 'adspace_before_loop' );
    function adspace_before_loop() {
    if ( is_page() ) {
    return;
    }
    genesis_widget_area( 'adspace', array(
    'before' => '<div class="adspace">',
    'after' => '</div>',
    ) );

    }

    add_action( 'genesis_entry_footer', 'modernbloggerpro_after_entry_widget' );
    function modernbloggerpro_after_entry_widget() {

    if ( ! is_singular( 'post' ) )
    return;

    genesis_widget_area( 'after-entry', array(
    'before' => '<div class="after-entry widget-area"><div class="wrap">',
    'after' => '</div></div>',
    ) );

    add_action( 'genesis_after_header', 'add_genesis_widget_area' );
    function add_genesis_widget_area() {
    genesis_widget_area( 'custom-widget', array(
    'before' => '<div class="custom-widget widget-area">',
    'after' => '</div>',
    ) );

    }

    }

    genesis_register_sidebar( array(
    'id' => 'custom-widget',
    'name' => __( 'Custom Widget', 'genesis' ),
    'description' => __( 'Custom Widget Area', 'childtheme' ),
    ) );

    i'm not an expert at all in web programming.

    please help !!!

    May 8, 2015 at 9:53 pm #151097
    Susan
    Moderator

    I tried both the suggestions but cannot see the widget with the imagines and preview of the selected posts in the settings

    The Modern Blogger Pro theme comes built in with the slider widget. If you are NOT seeing the widget in your dashboard per my screenshot above, then please send me an email ([email protected]) with your site's user name and password, so I can troubleshoot further.

    There is NO need to add in additional code to your site to add a slider widget; it's already there in your functions.php file:

    You can see the slider in action on my demo site (here)

    Official theme support for the Modern Blogger Pro theme is provided here: https://prettydarncute.com/forum-index/

    Susan

    May 8, 2015 at 11:28 pm #151164
    Brad Dalton
    Participant

    No need to add any code. My bad. Got mixed up about the theme you're using.

    Please follow Susan's instructions as a widget is already built into your theme so its very easy.


    Tutorials for StudioPress Themes.

    May 9, 2015 at 4:58 am #151197
    Visitodo
    Member

    Hi all,
    I have the slider widget on my dashboard. I dragged into it the génesis responsive slider too as fromthe instructions. But still can't see any box with the preview posts slider on my home page.
    Is it posible I'm doing any mistake with the settings of the plugin?
    thanks

    May 9, 2015 at 5:08 am #151198
    Visitodo
    Member

    Hi all,

    sorry I finally made it! Thanks a lot!
    Now there is only a small details to fix. The pictures of post in the slider widget dont' fill completely the space of the box, how xan i fix it for now and the future?
    thanks a lot-!

    May 9, 2015 at 6:27 am #151201
    Susan
    Moderator

    The demo uses a slider setting of 700px by 400px. Once you have the slider set to that size, run the regenerate thumbnails plugin.

    The slider will "resize" larger images to fit into the slider. It will *not* resize smaller images. Make sure that each of your images in the slider is an appropriate size.

    May 10, 2015 at 7:45 am #151451
    Visitodo
    Member

    Hi Susan,

    I installed the plug in, and run it to resize all the images. But I still have a problema with the images in the slider. The height of most of them is shorter tan the slider widget box.
    I also checked the image dimensión and it looks like they are big enough to me. Sone are 800*600 in the original dimensión, but don't fit the box. I would like to understand what should i do in iorder to fix this problema because it doesn't look nice.
    Any suggestions?
    Thanks

    May 11, 2015 at 2:02 pm #151771
    Susan
    Moderator

    It looks like most of your images are 920px by 400px. If you have a slider widget that is set to 700px wide, then an image which is 920px will have the width reduced to fit into 700px. This means that an image which is 400px high will then reduce in size to 700px by (approx.) 300px.

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘(Modern Blogger Pro) Genesis Responsive Slider’ 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

© 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