Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #255652

    Trying to design a site

    I am a complete novice and knew nothing about CSS or websites until a few days ago, but am learning fast.

    After much effort, I have managed to work out most of the basic formatting that I need on the home/welcome page, but my drop down menu contains white print on white background and I want to change the background to black.

    I have searched high and low on the web for a solution and cannot find any Quick CSS coding which works.

    My existing Quick CSS under “Propulsion>>Theme Options>>Styling” is below.(I stole most of this from another website that someone else designed for me and have been trying to customize it)

    I have been trying to resolve this for days and it’s the last thing that I need to sort out to get my basic site styling up and running. Any help gratefully received! Many thanks, Slobdiddy

    #top .main_menu .menu li a
    color: #FFFFFF;

    #top .template-portfolio-overview .post-title {
    padding: 0px 0 25px;

    /*#top .main_menu .menu li
    background: #A8A8A8;

    #top .main-color, .main_menu ul:first-child
    background: #000000;

    .box .sub-menu{text-transform:uppercase;}

    #top #slideshow_big{
    position: relative;
    z-index: 20;

    /*#top .slideshow li img {
    margin: 10px 0 10px 0;

    margin: 10px 10px 10px 10px;
    background: url(“”);

    #top .gallery .gallery-item{
    margin:1px 1px 0 0;

    #top.home div#wrap_all div#main.container_wrap div.container div.title_container{

    body#top.home div#wrap_all div#header.container_wrap div.container div.main_menu ul.sub-menu a
    color: #454545;

    #top .main-color, .main_menu ul:first-child > li.current-menu-item > a, .main_menu ul:first-child > li.current_page_item > a, #top blockquote p, #top .main_menu .menu li a:hover, h1, h2, h3, h4, h5, h6, .js_active{
    } div#wrap_all div#header.container_wrap div.container div.main_menu ul.sub-menu a
    color: #454545;


    Hey slobdiddy!

    Thank you for using the theme!

    Please use this to change the font and background color of the drop down menu:

    #top .main_menu .sub-menu li a {
    color: gray;
    background: red;

    Change the color values.



    Ismael this is brilliant thanks. I spent a couple of days trying to work this out and the answer is a nice simple one. I really appreciate your help.

    I don’t suppose you can also tell me how I drop the main menu down a little lower so that it is say 10 pixels up from the bottom of the container?

    Many thanks, Slobdiddy



    Please add following code to Quick CSS as well

    .main_menu { top: 80px; }




    Thanks so much, this works perfectly. Again, I had tried a whole bunch of code that didn’t work.

    With a little support from you guys this theme is great!




    Great! Glad we could help :) Let us know if you have any other questions or issues

    Best regards,

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

The topic ‘Propulsion changing background colour for drop down menu’ is closed to new replies.