Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 21, 2019 at 10:47 pm #1129796
    LesleyJean

    Hi there!
    I am trying to change the button in my main navigation bar to have a background image and custom text formatting along with the same effect that comes default with enfold for hover (I think it’s a white semi transparent overlay).

    I’m including the links to the site in the private section below.

    Thanks in advance for your help!

    ~L

    August 22, 2019 at 6:42 am #1129861
    Rikard

    Hey LesleyJean,

    Please try the following in Quick CSS under Enfold->General Styling:

    #menu-item-29 a {
  font-family: 'Raleway';
  font-size: 18px;
  font-weight: 900;
  color: #fff;
  background-image: url(‘https://bethelisecoaching.com/wp-content/uploads/2019/08/Beth-Elise-Button-BG.jpg’);
}

    Best regards,
    Rikard

    August 23, 2019 at 1:40 am #1130164
    LesleyJean

    Strange, but it doesn’t appear to be working for me. I even added !important after each parameter. Let me know what you suggest?

    August 23, 2019 at 1:41 am #1130165
    LesleyJean

    Also, I’ve dumped website cache, cleared browser history cache, and hard refreshed. Even tried in an incognito window…figured I’d cover these bases. ;) Let me know your thoughts on next steps.

    August 23, 2019 at 5:18 pm #1130415
    Victoria

    Hi LesleyJean,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#menu-item-29 a .avia-menu-text {
    background-image: url(https://bethelisecoaching.com/wp-content/uploads/2019/08/Beth-Elise-Button-BG.jpg);
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 23, 2019 at 10:22 pm #1130503
    LesleyJean

    Thank you! That fixed the issue!

    Appreciate your support as always! Enfold rocks!

    You can close the ticket.

    ~L

    August 24, 2019 at 5:19 am #1130537
    Rikard

    Hi,

    Great, I’m glad that Victoria could help you out and thanks for the kind words :-)

    I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘How to change a main navigation menu BUTTON to have a background image?’ is closed to new replies.