• 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

Nav Bar 'Selected' Background Color to Image Change

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 › Nav Bar 'Selected' Background Color to Image Change

This topic is: not resolved

Tagged: css, navbar, navbar background, navbar image

  • This topic has 1 reply, 2 voices, and was last updated 12 years, 2 months ago by Susan.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 23, 2014 at 10:38 am #102073
    GetFound2Day
    Member

    I'm working on a client's site and am attempting to change the background blue hexa code to a url(/image/) for the selected page/link in the main nav bar.

    However, despite all my manhandling of the css for the child theme, the image refuses to show and the color alone changes assuming I leave in 'background-color: #***". I've attempted to use 'background-image: url(/image/*.png) but it nets me nothing.

    I can't seem to find a tutorial that speaks to this either. Does anyone have a known solution for this? Or am I just using the wrong call?

    Client's site is: http://dev.pcharing.net


    Proprietor
    GetFound Consulting

    http://dev.pcharing.net
    April 23, 2014 at 1:10 pm #102096
    Susan
    Moderator

    I'm not able to access your client's site to confirm, but check that your images folder is called "image", and not "images".

    Otherwise, would something like this work:

    background: #xxx url(image/xxx.png) no-repeat;

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