• 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

Daily Dish: change color of arrow in primary nav drop down

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 › General Discussion › Daily Dish: change color of arrow in primary nav drop down

This topic is: not resolved

Tagged: Daily Dish

  • This topic has 5 replies, 3 voices, and was last updated 8 years, 11 months ago by Tom.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 23, 2014 at 4:37 pm #128898
    radiantaction
    Participant

    Hi there,
    I'm trying to change the color (or change the graphic) of the "up" arrow when using drop down pages in the primary nav.

    website: http://www.nutritionresolution.com/wordpress
    You can see it under LEAP/MRT Info

    Can someone point me in the right direction. I've used Firebug and Inspect Element but I can't seem to identify it.

    Thank you!

    Kirsten

    http://www.nutritionresolution.com/wordpress
    October 23, 2014 at 5:19 pm #128901
    RobG
    Member

    It looks like those images are in your- wp-content/uploads folder.


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    October 24, 2014 at 7:42 am #128966
    radiantaction
    Participant

    Rob,
    Thank you for your reply. Unfortunately your answer did not work. There is nothing in the uploads folder nor in the theme images that remotely resembles this.

    So, I'm still stuck.

    I'm trying to change the color of the arrow that shows up in the nav bar when the drop down nav is used.

    website: http://www.nutritionresolution.com/wordpress
    You can see it under LEAP/MRT Info

    Thank you in advance!

    Kirsten

    October 24, 2014 at 9:22 am #128975
    RobG
    Member

    How did those images get at the bottom of you page? Just trying to figure out were they're coming from.


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    October 24, 2014 at 12:47 pm #128994
    radiantaction
    Participant

    Rob,
    Those are just images I uploaded to a text widget for now. They're not the ones I'm trying to target.

    I'm trying to target the little black arrow that points to the parent page in the main nav bar when the child page drop down is displayed. You can see this if you hover over LEAP/MRT info in the nav bar.

    October 25, 2014 at 8:07 pm #129215
    Tom
    Participant

    Modify this code found in lines 1294 through 1307 in your child theme stylesheet. In this example the arrows will be "lime", the sub-menu item will be "blue":

    .nav-primary .genesis-nav-menu .sub-menu:after {
    	border-bottom-color: lime;
    }
    
    .nav-primary .genesis-nav-menu .sub-menu:before {
    	border-bottom-color: lime;
    }
    
    .nav-primary .genesis-nav-menu .sub-menu a {
    	background-color: blue;
    	border: 1px solid #ddd;
    	border-top: none;
    	color: #fff;
    }

    Choose your next site design from over 350 Genesis themes.
    [ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘General Discussion’ 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