• 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

change a section background color – Agentpress

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 › change a section background color – Agentpress

This topic is: not resolved

Tagged: Agentpress, genesis

  • This topic has 5 replies, 2 voices, and was last updated 10 years, 5 months ago by melissa.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 13, 2012 at 9:13 am #4967
    melissa
    Member

    I would like to change the background color of the community section and make it look like a banner just like it is in this website: http://www.atlantarealestateexperts.com/ Anyone knows how???

    Melissa

    December 13, 2012 at 9:58 am #4979
    dnf0929
    Member

    He's created a custom background (http://www.atlantarealestateexperts.com/images/communitybanner.jpg) and applied it using css.
    .communities {
        background-attachment: scroll;
        background-clip: border-box;
        background-color: transparent;
        background-image: url("/images/communitybanner.jpg");...

    December 13, 2012 at 12:06 pm #5002
    melissa
    Member

    Done! Thank you! But now...how do I make it look like the sides arr going out the margin of the site and how do I change the color of the fonts?? Tried to do it in CSS but didnt work...

    December 13, 2012 at 12:30 pm #5008
    dnf0929
    Member

    The image is 1000px wide and the site is 960px so he's using a negative margin (margin-left: -20px) to pull it off the side of the page.  As far as the font go you just have to make sure you're being specific enough with your css.  If you provide a link to your site I might be able to help a bit more.  Feel free to PM me if it's "under construction".

    December 13, 2012 at 3:14 pm #5041
    melissa
    Member

    Thank you! mi site is http://www.chenoregroup.com.

    I am totally new at this WP and CSS and code thing. Trying to figure out why background doesnt show and plenty of other stuff Im stuck with that you will have to overlook 😉

    December 20, 2012 at 1:24 pm #6486
    melissa
    Member

    I tried the -2opx margin but it didnt work... 🙁

  • 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

© 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