How to edit Genesis featured posts CSS only in sidebar

Community Forums Forums Design Tips and Tricks How to edit Genesis featured posts CSS only in sidebar

This topic is: resolved

This topic contains 3 replies, has 2 voices, and was last updated by  LauraJane 1 year, 3 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #35272

    LauraJane
    Participant
    Post count: 14

    I’m using the Balance theme with several portfolio pages which rely on the featured post widget. I am also wanting to use the featured post widget to display the most recent posts in the sidebar. However, it adopts the styling from the portfolio page which I don’t want in this case. How do I create a new CSS class that would only apply to the featured page widget in the sidebar?

    Here’s the example: http://test.stitchfancy.com/2013/04/sew-sew-modern-swap-finished/

    I want less space and no divider image between those post images in the sidebar.

    #35277

    anitac
    Participant
    Post count: 7027

    Do you know how to use Firebug? You can use it to get the Class ID from the location.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #35304

    LauraJane
    Participant
    Post count: 14

    Yes, I do use Firebug, and I think I can tell where the CSS that is adding the padding is. The problem is that if I change that it will also change it when that style is applied to the portfolio page (which I don’t want). I need to create a new style for the featuredpost only when it is in the sidebar, and I’m not sure how to do that.

    #35307

    LauraJane
    Participant
    Post count: 14

    Nevermind, I figured it out. For anyone else who might be wondering, I added this:

    .widget-area .featuredpost .post {

            padding: 0 0 0px;

            background: none;

    }

    I took out the spacing and the divider only when using the featured post widget in the sidebar.

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘How to edit Genesis featured posts CSS only in sidebar’ is closed to new replies.