Move also background of menu in wordpress Virtue theme

  • Resolved jaryszek

    (@jaryszek)


    8 years, 2 months ago

    Hi Guys,

    I’m looking for help because i haven’t found any in web.
    I am total beginner at forum and in worpress but i create my own wordpress site:

    https://www.dookolapracy.pl

    Problem is with align menus to the center. In virtue theme there is not an option to do that.
    I did changes in code:

     .sf-menu a {
    color: #444;
    text-align: right;
    font-weight: 400;
    display: block;
    position: relative;
    text-decoration: none;
    padding: 10px 20px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    margin-left: 300px;
}

#nav-main ul.sf-menu ul li a, #nav-second ul.sf-menu ul li a {
    width: auto;
    display: block;
    padding: 10px;
    color: #555;
    text-align: left;
    font-size: 12px;
    margin: 00px;
}

    And this is working for menus “Kontakt z nami” and “O blogu”.
    “sf-menu a” you can see here:

    menu

    Problem is that i have interactive backgrounds of these menus and i don’t know how to move it together with menus.
    So menus went to the right but their backgrounds didn’t:

    background

    How I can do it ? With these backgrounds there are hidden references to my subsites so it is only way to link to my other sites…

    Please help,
    any advises will be welcome,
    Thank You in Advance
    Jacek Antek

Viewing 8 replies - 1 through 8 (of 8 total)

  • Hi Jacek,
    please, revert all changes you did to the default.
    You messed it up.
    Then I will take a look.
    Thanks
    TR

    Thread Starter jaryszek

    (@jaryszek)

    Hi Tahoe Rock,
    thank you for your answer,

    I did it default and I delete all changes.

    Jacek

    Hi Jacek,
    put this code to your Child Theme style.css file
    OR
    Install Simple Custom CSS plugin and put the code there.
    I’m doing this on my browser to find solution.
    It can get to some different behavior on your site.
    It can happen that ?it is not working.
    Then we have to look further.

    ul#menu-new-menu-1 {
    text-align: center;
}

or

ul#menu-new-menu-1 {
    text-align: center!important;
}

    and

    .sf-menu li {
    float: none;
    display: inline-block;
}

or

.sf-menu li {
    float: none!important;
    display: inline-block!important;
}

    It is working here: Take a look for screenshot
    Hope Im helpful
    Cheers
    TR

    Thread Starter jaryszek

    (@jaryszek)

    Wow TR you are the best !!!!

    This is working like a charm ! Beautiful!
    I suppose that i wouldn’t be able to do this on my own.

    Thank You very much,
    see at my site – this is working ??

    Warm Regards,
    Jacek

    Great man,
    Im happy that it worked just from the box.
    Not always the case.
    If you need some help in the future, let me know.
    Cheers
    TR

    Jacek,
    are you using child theme CSS or plugin as I suggested?
    I do not see any plugin I suggested to you or child theme solution.
    See here
    It is important to do it this way.
    When you update you theme in the future, You will loose all the changes if they are made to style.css file

    put code to your Child Theme style.css file
    OR
    Install Simple Custom CSS plugin and put the code there.

    Cheers
    TR

    • This reply was modified 8 years, 2 months ago by Tahoerock.
    Thread Starter jaryszek

    (@jaryszek)

    Aaa i understand. I did it in CSS within Virtue theme. So when will be the update of my theme – all changes will be discarded?

    Ok i am installing Simple Custom CSS.

    thank you !

    Perfect…..:)

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Move also background of menu in wordpress Virtue theme’ is closed to new replies.