This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Center Menu Buttons & Change Default Link Hover Color

Resolved 6 replies themetheme-vantage
11 years ago · Last reply by Andrew Misplon 11 years ago

Few questions…
• How do you center the menu buttons? (Mine are aligned to the left)
• How do you change the standard hover color of links? (I went to “customize>general” and attempted to change the color there, but that did not work)
• Is there a plugin or feature where I can have mobile users arrive on my site automatically in a zoomed state? (example: www.wealthyaffiliate.com)
Thanks a lot, your help is much appreciated!
– Sean

URL: http://www.xplowealth.com

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. Andrew Misplon Staff 11 years, 3 months ago

    Hi Sean

    Thanks for your support.

    1. Menu Centring: Thread: How can I centre the Menu on the screen.

    2. Link Color: Thread: Content Link Color and Text Widget

    3. http://www.wealthyaffiliate.com/ doesn’t look like it’s responsive or it’s having problems with that aspect of it’s layout. I’m not sure it’s the best case study you could check out. To disable the responsive behaviour in Vantage head to Appearance > Theme Settings > Layout.

    Hope that helps.

  2. Sean McIndoe 11 years, 3 months ago

    You’re the man Andrew. Haha

    I have one issue though. The menu buttons were centered, but I was hoping the button regions would increase in size as well (so the menu bar was evenly split up by each button.) Is there a way I can increase the size of each button?

  3. Sean McIndoe 11 years, 3 months ago

    Also, the link color code affected my vantage button as well. Is there a way to individually modify the color of each link with a CSS code?

  4. Andrew Misplon Staff 11 years, 3 months ago

    You can keep the link CSS more specific with something like this:

    .entry-content p a, .entry-content li a { color: #000000; }
    .entry-content p a:hover, .entry-content li a:hover { color: #000000; }

    I can’t think of a way to automatically space the menu items out to the full width of the bar but you could adjust the spacing manually with:

    /* Menu Padding Horizontal */
    .main-navigation ul li a {
    padding-right: 25px !important;
    padding-left: 25px !important;
    }
  5. Sean McIndoe 11 years, 3 months ago

    Thanks, that should do it. Have a good one.

  6. Andrew Misplon Staff 11 years, 3 months ago

    For sure. You too.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread