Home>Support>Center Menu Buttons & Change Default Link Hover Color

Center Menu Buttons & Change Default Link Hover Color

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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    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. 9 years, 10 months ago Sean McIndoe

    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. 9 years, 10 months ago Sean McIndoe

    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. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    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. 9 years, 10 months ago Sean McIndoe

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

  6. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More