Forum Replies Created

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter Antaeusgr

    (@antaeusgr)

    Managed to pull off all the changes! Thank you mate – I will now mark the thread as resolved.

    Best of luck on your coding,

    Paul

    Thread Starter Antaeusgr

    (@antaeusgr)

    Dear Suyogya,

    After completing the new changes, a few small problems have arose:

    1. After making the font to the color of my choice, I need to convert the color of the transparent header menu bar to white – is this possible?

    2. Making white the resized menu bar, the new font is not showing (with its new blue colour). Can the font colour be changed on the resized menu bar?

    3. After making white the background color of the header menu bar, is it possible to add a small shadow effect to the bar?

    You assistance is of immense help to myself – I have just started learning CSS at treehouse in order not to bother you much, but I am still at a very early level to pull these changes alone. As far as I understand, in the advanced css area we calling ID and CLASS selectors from the <style> section of our HMTL. If we wanted to create a new element, for example the shadow above, I would have to edit the HTML to add the shadow and then edit it from the CSS area in the customiser?

    Thank you so much again – seriously if I can contribute to your work just let me know. The website I am currently making is for a non-profit organization in Greece.

    All the extra CSS I have added with the plugin you mentioned are as follows:

    .transparent .header-wrapper, .non-transparent .header-wrapper {
    background: #FFFFFF none repeat scroll 0 0;
    }

    .transparent .header-wrapper.stick, .non-transparent .header-wrapper.stick{
    background-color: #FFFFFF;
    display: inline;
    }

    #site-navigation .menu li a{
    color: #003E7E;
    font-size: 18px;
    font-weight: 500;
    }

    .slider-readmore {
    display: none;
    }

    .copyright {
    display: none;

    .header-wrapper.stick, .non-transparent .header-wrapper.stick{
    background-color: #FFFFFF;
    display: inline;
    }

    Thread Starter Antaeusgr

    (@antaeusgr)

    Dear Gents,

    I do have one more question though:

    1. How can I change the colour and size of the font i am using in the navigation menu in the header?

    Again, I deeply appreciate your help.

    Paul

    Thread Starter Antaeusgr

    (@antaeusgr)

    It worked Suyogya! thank you so much mate – all it needed was a working CSS editor, such as the one you proposed. Beers on me if you are ever in Greece

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