• 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

Custom color home featured widgets

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 › Custom color home featured widgets

This topic is: resolved

Tagged: color, content, custom, featured, outreach, style, widget

  • This topic has 4 replies, 2 voices, and was last updated 8 years, 11 months ago by wizz6113.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 17, 2014 at 3:05 pm #90844
    wizz6113
    Member

    I am using Outreach Pro which has four featured content widgets in the 'home bottom' area. I am using a combo of Genesis featured content sandbox widgets and featured page widgets in those slots. I'd like to be able to custom color the headers (entry titles) for those slots but don't know where to edit the CSS - would it be .home-bottom .widget and then create separate first-child / second-child / etc to style each differently re entry-title color?

    I am guessing so otherwise if I edit the featured-content it would change also any sidebar widget styling and it's just on the homepage I need these changes.

    Also, I'd like to add a horizontal line under those entry titles, again with own color, along the lines of this site: iied.org.

    Does anyone have any pointers on either featured home widget customisation? Tnx.

    http://localdev
    February 17, 2014 at 4:53 pm #90861
    Brad Dalton
    Participant

    Try this http://wpsites.net/web-design/style-widgets-individually-beginners-guide/


    Get Help – Book Consultation.

    February 18, 2014 at 2:09 am #90915
    wizz6113
    Member

    Thanks for this tut Brad; I am now trying to see if I can make it work. I guess I put the CSS right at the bottom - but after media query CSS or where regular CSS ends? Also, if this is the ID for one of those featured homepage widgets, am I putting the right CSS as so far I can't make the entry-title color change. ie:

    <section id="featuredpage-extras-2" class=widget featured-content featured page">

    so I put CSS as follows, but wasn't sure if I should put entire class info - neither seemed to work though:

    #featured-page-extras-2 .widget-title {
    color: #CC0000;
    }

    Any ideas of what I might be doing wrong?
    Tnx.

    February 18, 2014 at 2:35 am #90916
    wizz6113
    Member

    Even with the hyphen, ie. #featuredpage-extras2 . widget-title is won't work. I inadvertently put that hyphen in the eg CSS above.

    February 18, 2014 at 2:38 am #90919
    wizz6113
    Member

    Ah resolved! I needed to put that a { as in:

    #featuredpage-extras-2 .widget-title a {
    color: #CC0000;
    }

    Tnx Brad and I'll be breezing through the rest of your tut for various other widget custom styling. Bookmarked the link. Cheers.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 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

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