Home>Support>Customize Changes not taking effect

Customize Changes not taking effect

By jhford89, 10 years ago. Last reply by Andrew Misplon, 10 years ago.

I am trying to make changes under the Customize section of wordpress and they will not take effect.. When I upload an image as the masthead background, nothing appears even when the image is uploaded.

URL: http://acaciagrove.org

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 27 days ago Greg Priday
    Hi, I Work Here

    Hi John

    From the looks of things, you are using the “Logo in Menu” masthead layout. This layout removes the main masthead area, so the masthead background setting do not apply here.

    We have not added a setting to change the background image of the main menu (although this is a good idea, I’ll investigate it for a future update). You can do this with some custom CSS.

    .main-navigation {
    background-image: url(http://yoursite.com/path/to/image.png) repeat;
}

    I hope that helps.

  2. 10 years, 27 days ago jhford89

    Thank you for your help. Now, my problem is that I would like there to be no hover background color, only a text color change. Is this possible?

  3. 10 years, 27 days ago Greg Priday
    Hi, I Work Here

    Someone else solved this problem by adding a transparent hover to the menu. This lets the original background image shine through.

    https://siteorigin.com/thread/menu-hover-colour/

    You could use the same CSS to apply a solid hover colour though.

  4. 10 years, 27 days ago jhford89

    I am also trying to have my menu aligned in the middle with my logo. I was able to do this by adjusting the menu padding (I set it to 62) but this also effected my drop down menus and looked terrible. Any ideas?

  5. 10 years, 27 days ago jhford89

    Sorry, another menu question, I’ve got some CSS code to have it aligned to the right, but this is also effecting my sub menus. How can I fix this and have the sub menu text aligned to the left?

    Also, is it possible to create rounded corners on the drop down menu boxes?3

  6. 10 years, 27 days ago Andrew Misplon
    Hi, I Work Here

    Hi John

    Please give this a try to adjust your menu padding. You’ll need to switch out some selectors and keep others.

    /* Menu Padding Horizontal */

.main-navigation ul > li a {
padding-right: 10px !important;
padding-left: 10px !important;
}

/* Sub Menu Items Left Aligned */

.main-navigation ul li ul { text-align: left; }

    So you’ll still need the selectors you used to right align the menu, most likely this:

    /* Vantage center align the main menu */

.main-navigation ul {
text-align: right;
}

.main-navigation ul li {
display: inline-block;
float: none;
}

    Give this a try for rounding your drop down menu:

    .main-navigation ul li ul {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}

.main-navigation ul ul li:last-of-type:hover > a {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
  7. 10 years, 26 days ago jhford89

    Thanks. The rounded corners worked perfectly. I am still having issues with the alignment and the vertical spacing. If you go to the website now (www.acaciagrove.org), you’ll see that the main nav is centered with the logo, but the submenu’s now have way to much padding. Any ideas?

  8. 10 years, 26 days ago Andrew Misplon
    Hi, I Work Here

    You could try adding something like:

    .main-navigation ul ul li a {
padding-top: 5px;
padding-bottom: 5px;
}

    To adjust the sub-menu padding.

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