Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • October 8, 2015 at 11:03 am #515696
    combra

    Hey, I want to add a background to one point on the menu. I added this code

    #menu-item-920
{
background-color: red;
}

    This looks like https://www.dropbox.com/s/4m1kvrvhucnamhm/menu-bg.PNG?dl=0

    Is it possible to get background over complete item box + font. I tryed to do it with height and width, but this dosent works for me.

    October 8, 2015 at 3:46 pm #515902
    Elliott

    Hey combra!

    Maybe this would work for you.

    #menu-item-920
{
    background: red;
    padding-top: 20px;
    top: -20px;
}

    Cheers!
    Elliott

    October 8, 2015 at 4:19 pm #515933
    combra

    Thanks, is it possible to adjust it between both lines?

    https://www.dropbox.com/s/4m1kvrvhucnamhm/menu-bg.PNG?dl=0

    Background sound fill complete space between both lines. I also want to add a left border over the complete space between the lines.

    October 8, 2015 at 4:43 pm #515965
    combra

    I got it with 

    #menu-item-920
{  
    padding-top: 48px;
    top: -28px;
    font: white;
}

    Now i want to change font color from black to white, but only for this item. Also is it possible to move Icon8 and text a bit above to get it centered?

    October 8, 2015 at 4:48 pm #515967
    Elliott

    Hey!

    You would adjust the 20px value for top and padding-top to play around with how tall it is.

    Regards,
    Elliott

    October 9, 2015 at 8:02 am #516202
    combra

    Hey thanks, did u read my last post?

    1. I want to change color of font from black to white
    2. Also I want to move the text a bit up, there is now to much space
    3. Also I want to add a border left, in white. The border needs to be over the complete space.

    Regards
    Alex

    October 9, 2015 at 5:46 pm #516608
    Elliott

    Hey!

    You can change the color with this.

    #menu-item-920
{  
    color: white !important; 
}

    Take a screenshot and highlight exactly what your trying to do so we can get a better idea.

    Regards,
    Elliott

    October 12, 2015 at 8:10 am #517147
    combra
    #menu-item-920
{  
    color: white !important; 
}

    Dosent work for me. Font still black. I just want to change font color to white and move “Spartipps” a bit higher.

    October 13, 2015 at 11:17 am #517967
    Andy

    Hi!

    I added this code to your Quick CSS field:

    #menu-item-920 span.avia-menu-text {
color: white;
}

    and now it’s showing up white for me. Can you confirm please? Don’t forget to clear browser cache.

    Best regards,
    Andy

    October 14, 2015 at 9:29 am #518541
    combra

    I can confirm that. Is it possible to get my icon and the text in same position like the other menu items, without changing position and size from the red background?

    October 15, 2015 at 1:58 pm #519301
    Andy

    Hey!

    go with this code:

    #menu-item-920 span.avia-menu-text {
position: relative;
top: -63px;
}

    and adjust top value as needed.

    Cheers!
    Andy

    October 16, 2015 at 8:47 am #519712
    combra

    Thanks! Perfect! You can close this one

    October 16, 2015 at 12:01 pm #519817
    Andy

    Hey!

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Adding Background to main menu’ is closed to new replies.