Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #167081


    I’m just looking to change the colour of the main menu and also the vertical lines that separate each menu item, I’d like to me the main text white and the sub text a light grey.

    Also, how do I make the white line below the top menu (above the logo) thinner?

    Thank you in advance




    Hey cutfirefilms!

    Please add following code to Quick CSS in Corona theme options

    .main_menu .menu li a strong  { color: white; }
    .main_menu .menu li a span { color: #f2f2f2!important; }
    #header .submenu { border-bottom: 2px solid #eee; }

    Last line is for making border smaller. By default it is 7px.



    Thanks for this Yigit.

    It worked. I am still trying to find a way to change the colour of the vertical white lines that separate the menu items. Do you know how i would do this?

    Also, I have changed the colour of the background by changing the background file and uploading a different file in a different colour (black) As you may see, the black background (over the slideshow / video) finishes a few pixels short of the slideshow at the bottom. Can i lengthen the black background via css or will i need to upload a new background png with more vertical pixels?

    Thank you





    Please add following code to Quick CSS as well and adjust as desired

    .main_menu .menu a { border-left: 1px solid #ee; }

    For background you can add following CSS code as well. It will increase the height of header background and change the bottom border from gray to black.

    #header { background-color: black; height: 490px; }

    If you had some other look in your mind, please post a screenshot :)

    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Changing font colour and vertical lines on main menu’ is closed to new replies.