Road Fighter: how to make transparent the backgroud image for navigation menu?

Discussion in 'RoadFighter WordPress Theme' started by dedieo62, Apr 15, 2014.

Thread Status:
Not open for further replies.
  1. dedieo62

    dedieo62 Member

    Joined:
    Apr 11, 2014
    Messages:
    158
    Likes Received:
    3
    Location:
    France
    Hello,

    How to make the background image transparent for the navigation menu, not only for the parent pages, but also for children pages?
    1- what is the custom css code to have it transparent only on the home page?
    2- what is the custom css code to have it transparent on every pages?

    By default, this background image is white, and I would like to ensure that visitors can see the image of the roof in the slideshow (file attached) on home page.
    homepage-navigation-menu-white-background.JPG

    Regards,
    Dedieo62
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS


    Code:
     .header_container.home .menu-wrapper{
    background:transparent;
    }
    Thanks & Regards
    Gourav Shrivastava
     
  3. dedieo62

    dedieo62 Member

    Joined:
    Apr 11, 2014
    Messages:
    158
    Likes Received:
    3
    Location:
    France
    Ok thanks a lot.

    And, what is the Custom CSS to change change the text color of this menu tabs navigation, please ?
    capture-menu-navigation.JPG

    I would like it on white with font-weight bold. So, I tried this Custom CSS:

    .menu .ddsmoothmenu li a {
    color: white;
    font-weight:bold;
    }

    But it does not work...


    Thank you,
    Dedieo62
     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    #menu .ddsmoothmenu li a {
    color: white;
    font-weight: bold;
    } 
    In place of "white" you can put your color or color code.
    This will solve your issue.
     
  5. dedieo62

    dedieo62 Member

    Joined:
    Apr 11, 2014
    Messages:
    158
    Likes Received:
    3
    Location:
    France
    Super! Thanks a lot Piyush !

    Are all these Custom CSS valid for each theme of Inkthemes ?

    Dedieo62
     
  6. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
  7. dedieo62

    dedieo62 Member

    Joined:
    Apr 11, 2014
    Messages:
    158
    Likes Received:
    3
    Location:
    France
    Ok, thanks,

    Dedieo62
     
Thread Status:
Not open for further replies.

Share This Page