I'm unsure if this is doable, but please help me with the codes if it is!

6 replies
  • WEB DESIGN
  • |
Greetings Warriors!

My employer has thought of something else again. He wanted the navigation menu item, "Services" to be in color Red.

Here's the site, Chiropractor

Do you think this is possible? I am using the custom menu.

I need your assistance on this.

Your help will be very much appreciated.

Cheers,
G.B.
#codes #doable #unsure
  • Profile picture of the author Janet Sawyer
    Taking a look at the source code, the site is using the Cardamon theme.

    From the Theme forest FAQ section for this theme, here is what they suggest.

    Color can be changed via "WP-admin - theme options - fonts - Main menu and buttons"

    Hope that helps.
    {{ DiscussionBoard.errors[6618810].message }}
    • Profile picture of the author Go4DBest
      Originally Posted by Janet Sawyer View Post

      Taking a look at the source code, the site is using the Cardamon theme.

      From the Theme forest FAQ section for this theme, here is what they suggest.

      Color can be changed via "WP-admin - theme options - fonts - Main menu and buttons"

      Hope that helps.
      Thanks Janet, the problem is that only the "Services" menu item will be in color Red.

      According to him, "Maybe we could try red lettering to make it stand out even more."
      Signature
      We setup and design wordpress sites using the Divi theme for roughly 200 USD. Let's talk.
      {{ DiscussionBoard.errors[6618951].message }}
      • Profile picture of the author outwest
        Originally Posted by Go4DBest View Post

        Thanks Janet, the problem is that only the "Services" menu item will be in color Red.

        According to him, "Maybe we could try red lettering to make it stand out even more."
        I would bet that if this is his goal, the theme will have to be hand coded in order to make this possible. It might only be a slight change but if the theme does not allow for only one item on the horizontal menu to change colors, and I can assure you it does not, then it will have to be done by hand

        where exactly that change is made on the theme and what coding change needs to be made, I have no idea.

        Since the theme has built in color changers changing the code to allow for only one item to be changed might be a big undertaking
        Signature
        Tech article writing .Native English Speaker(with Proof)
        specializing in SmartPhones , Internet security, high tech gadgets, search engines, tech shows, digital cameras.

        {{ DiscussionBoard.errors[6618976].message }}
        • Profile picture of the author Go4DBest
          Originally Posted by outwest View Post

          I would bet that if this is his goal, the theme will have to be hand coded in order to make this possible. It might only be a slight change but if the theme does not allow for only one item on the horizontal menu to change colors, and I can assure you it does not, then it will have to be done by hand

          where exactly that change is made on the theme and what coding change needs to be made, I have no idea.

          Since the theme has built in color changers changing the code to allow for only one item to be changed might be a big undertaking
          You are right with what you have written here....
          Signature
          We setup and design wordpress sites using the Divi theme for roughly 200 USD. Let's talk.
          {{ DiscussionBoard.errors[6619316].message }}
  • Profile picture of the author KristianI
    Hi,

    I downloaded the source of your site, and added this line:

    jQuery('.menu-item-550').css('font-size', '16px');

    here:

    <script type="text/javascript">
    jQuery(document).ready(function() {

    --->>> Insert the above line here

    jQuery('.sktooltip').each(function() {
    jQuery(this).SKTooltip();
    });

    jQuery('.sk-notification').each(function() {
    jQuery(this).closeNotification();
    });

    jQuery('.skimage-slider').each(function() {
    jQuery(this).skImageSlider();
    });

    jQuery('.sktoggle-open, .sktoggle-closed').each(function() {
    jQuery(this).skToggle();
    });

    jQuery('.sktabbed').each(function() {
    jQuery(this).skTabbed();
    });
    });
    </script>


    unfortunately this

    jQuery('.menu-item-550').css('color', 'red');
    does not work, and can not figure out why. Maybe the color is set somewhere else in the stylesheet. I will look for it in the css.
    {{ DiscussionBoard.errors[6619863].message }}
    • Profile picture of the author rhinocl
      Use Firebug to find that particular menu item. Now experiment with it to change the color.
      Give this item it's own class and change the color for that class in the style.css file.Save the style.css file someplace safe highlighting your changes as some one will surely update the theme and erase all your work.
      {{ DiscussionBoard.errors[6619923].message }}

Trending Topics