• 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 the back blue color of Metric theme

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 the back blue color of Metric theme

This topic is: not resolved

Tagged: css colors, metric, theme

  • This topic has 4 replies, 2 voices, and was last updated 11 years, 9 months ago by grupodax.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 17, 2014 at 11:35 am #128157
    grupodax
    Member

    Hi,

    Im a happy customer of the pro plus package that i bought in the last week (more or less)

    I have installed the metric theme in one of the webs im working on but i dont know how i could change the colors of the back (different blue colors) that are in the metric theme.

    I imagine is in the style.css but i dont what part is in concrete, and what is worse, is not only one part,there are i think three of four xD

    The web is not ended but is this one

    Hope you understamd because english is not my native language.

    See you.

    http://www.cobrp
    October 17, 2014 at 12:56 pm #128171
    Porter
    Participant

    In style.css, search for this:

    #002838 url(images/bg.png) repeat-x

    It appears that in your theme's image folder, you have an image named "bg.png", which from the looks of it is a vertical gradient. Two was to change this:

    -Change the bg.png to another image
    -Change the above line of code to a solid color, with no image, or repeat-x background.

    Does that help?


    Buy me a beer? | Try DigitalOcean VPS Hosting

    October 20, 2014 at 6:51 am #128409
    grupodax
    Member

    Thanks Porter, ive changed the thing you said and it worked, however, i didnt meant only that part, i want all the blue part that is in the center..when i change the color from blue to white, it only changes the laterals parts, not the center and i dont find the css for that..even when i look with "inspect element" it marks the white color...

    October 20, 2014 at 7:51 am #128429
    Porter
    Participant

    I see what you mean now, that's quite odd. I too cannot find what's causing that center blue area, it's as if it's not even in the css. Are there any "Theme Options" on the dashboard that could effect it? I'm sure someone who knows the theme can figure it out, but I've unfortunately never touched it.


    Buy me a beer? | Try DigitalOcean VPS Hosting

    October 29, 2014 at 7:38 am #129720
    grupodax
    Member

    At the end i could solve the problem, is at the beginning of the style css where it says metric wrap url and there is an image.If you remove that part and put backgroumd-color: #444444;
    For example you can chane the back color.

    Here you can see how i removed that part,

    http://www.asesoriaonlinepyme.es

  • 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

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