Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #510806

    I would like to make a custom css stylede alternate header (only the menu bar) i have all the CSS, but how do intergrate it with the theme. I have tried through the quick CSS box, but it will not change. Does anyone know how to do this ?

    #510816

    Hey Kasper22!

    The Quick CSS box should work. You may need to use the !important override like so.

    a { color: red !important; }
    

    To make sure your CSS gets applied.

    Regards,
    Elliott

    #510822

    Hey

    Thanks for the fast feedback.
    But it was not really the soloution i was looking for, i was looking for which id tag to use, if i would like to change the hole layout for the alternate menu or header menu (and not the logo area) and btw i am using the boxed layout with the header layout there puts the logo above the header menu . I have a full CSS-style code for the style i would like it to have, but when i put it in the Quick CSS tab, it will not take the css and there for i don’t get the wanted effect. Do you know what i mean ?

    #510835

    Oh i think i read it wrong, my bad. But which id and class would i write to only make the alternate header menu change ? and could you maybe make an eksampel to show it in context ? and would i need to put the important tag after every line of css ?

    #510868

    Hey!

    Go ahead and send us a link to your page and take a screenshot highlighting what your trying to do so we can get a better idea.

    Best regards,
    Elliott

    #510914

    The first screenshot is the thing i would like to change and the second is how i would like it to look.

    • This reply was modified 8 years, 6 months ago by Kasper22.
    #511198

    Hi!

    Please remove this code:

    div#header_main_alternate.container_wrap {
        box-sizing: border-box !important;
        color: rgb(53, 49, 42) !important;
        display: block !important;
        font-family: Lato !important;
        font-size: 13px !important;
        font-weight: normal !important;
        text-align: left !important;
        width: 1140px !important;
    }

    You can start with this:

    div#header_main_alternate.container_wrap {
        background-color: black;
        width: 100% !important;
        margin: 0 !important;
    }
    
    .html_header_top.html_bottom_nav_header .main_menu ul:first-child li, .html_header_top.html_bottom_nav_header .main_menu ul:first-child li a {
        height: 51px;
        line-height: 51px;
    }

    Adjust the values as you like.

    Regards,
    Ismael

    #511507

    Thanks for the solution.
    Now i just need help with two last small things.
    The first, i would like to change the colour of the dividers between the diffrent menu texts.
    And second, i would like to get the text in the menu aligned with the left side of the box, where the menu is inside (so the brown box). But everything else should just stay as it is right now. Do you know how to change does 2 small thing ?

    • This reply was modified 8 years, 6 months ago by Kasper22.
    #511935

    Hi,

    1. Please try the following in Quick CSS:

    .avia_mega li {
    border-color: red !important;
    }

    2. Do you mean that you want the menu items to start at the left most edge of the container?

    Thanks,
    Rikard

    #512029

    Thanks for the fast reply.
    That only make the divideres on the right change color (around the search button). And yes i would like the text to align with the left side of the brown header container, while the container stays in the same place as it is now. Do you have a solution for this ?

    #513004

    Hey!

    try this code instead:

    .html_header_top.html_bottom_nav_header .main_menu ul:first-child li, .html_header_top.html_bottom_nav_header .main_menu ul:first-child li a {
    border-color: red !important;
    }
    

    To align main content (text) to header use this code:

    main.template-page.content.av-content-small.alpha.units {
    left: -17px;
    }
    

    and adjust as needed.

    Regards,
    Andy

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.