• 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

How to move title under image in Genesis Featured Post widget

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 › General Discussion › How to move title under image in Genesis Featured Post widget

This topic is: resolved

Tagged: genesis featured post widget

  • This topic has 9 replies, 2 voices, and was last updated 9 years, 9 months ago by nhed.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 25, 2015 at 1:44 pm #160445
    nhed
    Member

    Hi,

    As you can see here:

    http://www.join-ed.com

    I am using Altitude Pro theme and on the FrontPage 2 I have 3 Genesis Featured Post widgets configured as follows:

    http://join-ed.com/wp-content/uploads/2015/07/screenshot-join-ed-com-2015-07-25-16-38-41.png

    As you can see on my site, because the titles will always be different lengths, the visual of this page is less than optimal.

    My question is: how can I change the way the Featured Post Widget is displayed? I think I need to put the image above the Title.

    If anyone has a better solution, please let me know. I'm new at working with WP.

    Thanks for the help.

    Ed

    http://www.join-ed.com
    July 25, 2015 at 5:01 pm #160461
    Badlywired
    Member

    Sort of in the same way as I do in http://quantabay.com/ ?


    My techy blog WordPress and stuff badlywired.com

    July 25, 2015 at 5:31 pm #160462
    Badlywired
    Member

    What I did,was just leave the widget title blank, and checked 'show page title' as the sequence is 'widget title' 'image' 'post title' 'post content'


    My techy blog WordPress and stuff badlywired.com

    July 26, 2015 at 8:56 am #160492
    nhed
    Member

    Hey there, Thanks for the input.

    I tried what to do what you did, and I think I have a problem with it because I have disabled the post title using a hook, I think it was. Someone helped guide me to add a snippit of code to my php file and I think that removed the post titles so I can use my visual editor, Thrive Content Builder, to build the posts. It's very easy and gives me a lot of flexibility.

    So, after going crazy for a few hours and trying every imaginable combination of option settings, this is the best I can do, for now.

    Featured Post Widget Settings on Frontpage and display

    As you can see, I finally have the correct order that I wanted, Image, then Title, then the text. The only thing I don't have is the Continue Reading link, but I can live with that. I'm sure there's some way to stick that in, but it's not my priority right now.

    What I do need to discover is how to adjust the css so I can adjust the alignment of the text, the size of the title and text, as well as the padding and margins.

    Do you know where I would add this css?

    Thank you so very much for the help. I deeply appreciate it. Even though you didn't give the exact answer, you input lead me to the answer, so thank you very much. I owe you one.

    Next time you are in Rio, I'll get you a coconut water at our beach! 🙂

    All the very best, my friend.
    Ed

    July 26, 2015 at 9:11 am #160495
    nhed
    Member

    OK, my friend. Here's the latest.

    I found the css code I needed to change using Firebug. Nice.

    Here's what is showing up now:

    Thank you once again.

    Ed

    July 26, 2015 at 10:51 am #160501
    nhed
    Member

    Oops. Now I ended up making changes to the whole site. So I guess I have to figure out how to make these changes just to the frontpage. Do you know if there is a way to add css just to the FrontPage?

    July 26, 2015 at 12:09 pm #160504
    nhed
    Member

    OK. So if I got this right, what I need to do is find the ID and class of the widget I want to add the custom css to.

    Am I correct in assuming that the ID is the following:

    featured-post-3

    And the class is the following:

    widget

    Thanks for the help?

    Ed

    July 26, 2015 at 1:37 pm #160511
    nhed
    Member

    I guess I need to find the class and/or id of the element that I want to customize inside the widget. For example, the two elements that I need to customize are the entry-title and the entry-content.

    Would my css code need to look like the following:

    .widget
    #featured-post-3
    #entry-title {
         font-size: 24p;
         text-align: left;
    }

    Would that change the title area? I've tried it and it doesn't seem to do anything, but maybe I'm not putting this code in the right place in the stylesheet.

    Where does this code need to go?

    Thanks,
    Ed

    July 27, 2015 at 3:06 pm #160624
    nhed
    Member

    I'm going to start a new topic and rephrase the question and see if I can get the help I need. Thank you all who have answered or tried to answer. I really appreciate the help.

    All the best,
    Ed

    August 24, 2015 at 7:12 am #163292
    nhed
    Member

    OK. I got it working. Thanks.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The forum ‘General Discussion’ 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

© 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