• 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 style "featured posts" 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 › Design Tips and Tricks › How to style "featured posts" widget

This topic is: not resolved

Tagged: css, featured posts widget, magazine theme

  • This topic has 5 replies, 4 voices, and was last updated 6 years, 10 months ago by gallilaw.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 30, 2014 at 10:33 pm #97562
    laura
    Member

    Hi all

    I have been trying - without any success - to style the featured posts widgets.

    I'd like to display my most popular posts in the sidebar of my website (hence the use of the "featured posts" widget), but I'd love for it to look like the recent posts widget, which is more discreet and inline with the overall design of my website.

    I can't simply use the recent post widget, as it only lists the recent posts, whereas I want to list my most popular posts.

    Can anyone please point me in the right direction?

    My website: http://momgoesonline.com

    I am currently displaying both widgets, so it's easy to see the difference.

    Thank you in advance for your help!
    Laura

    http://momgoesonline.com
    March 30, 2014 at 10:44 pm #97565
    Winterburn
    Participant

    My thought in this case if you wanna using Genesis Featured Post Widget is:
    1. Create category named is Popular
    2. Get post from the above category
    The 02nd solution for this is using 03rd party plugins.


    http://nhatdong.com

    March 30, 2014 at 11:57 pm #97569
    laura
    Member

    Hi Winterburn

    Thank you for your suggestion. However, the problem is that I want to change the styling (css) of the Genesis Featured Post widget, not the posts that are being selected.

    Do you have a suggestion for how to do that?

    March 31, 2014 at 12:42 am #97573
    Tom
    Participant

    Laura, try this CSS at the bottom of style.css:

    .featuredpost div {
        padding: 0px;
        margin: 0px;
        border: none;
    }
    
    .featuredpost .post {
        box-shadow: none;
        border-bottom: 1px dotted #ddd;
        margin-bottom: 0px;
    }
    
    .featuredpost .post h2 a {
        color: #10b7b8;
        font-family: Arial, Helvetica, Tahoma, sans-serif;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.5;
        word-wrap: break-word;
    }
    
    .featuredpost .post h2 a:visited {
        color: #10b7b8;
        text-decoration: none;
    }
    
    .featuredpost .post h2 a:hover {
        text-decoration: underline;
    }

    Choose your next site design from over 350 Genesis themes.
    [ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

    March 31, 2014 at 2:37 am #97581
    laura
    Member

    Tom - your code worked perfectly!!!

    I am so so grateful - I have been trying to do this for a while, and could not work it out. THANK YOU SO MUCH!!!

    Laura

    July 21, 2015 at 12:26 am #159942
    gallilaw
    Member

    I have the same problem: the theme I created using Dynamik Website Builder applies a default format to widgets in the primary sidebar (the right column). If I make a simple listing, the styling of the title and the list entries works without specifying any CSS in the widget option box. If I use a normal "recent posts" widget, that also uses the default format for the widget title and the items listed.

    But if I use the Genesis - Featured Posts widget, it ignores the default formatting entirely and the style it does produce is unacceptably ugly.

    How can I get the Genesis - Featured Posts widget to accept the default styling as the other widgets do?

    I can't show the site because it is offline. Anyway, I don't want to write CSS code specially for the Genesis - Featured Posts widget when the best solution would be to make it apply the proper formatting automatically as the other widgets do.

    Thanks!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Design Tips and Tricks’ 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

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