Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #1069056

    Hi guys, here is the link for an explanation for each question https://www.goodvivir.com/wp-content/uploads/css_questions.png

    #1 how do I change the color of button style on the menu without changing theme color?

    #2 how do I make the button round on the menu?

    #3 How do I change font size of secondary menu?

    #4 How do I change secondary menu position to center without changing the main menu position?

    thank you for your help!!!
    José

    #1069175

    Hey JoseAntonio,

    Please provide the url to the site so we can inspect the code.

    Best regards,
    Jordan Shannon

    #1069740

    Sure:

    #1071366

    Hi JoseAntonio,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    #top #wrap_all .header_color .av-menu-button-colored>a .avia-menu-text {
        border-radius: 10px;
        background-color: #13b7d8;
        border-color: #13b7d8;
    }
    #avia2-menu a {
        font-size: 14px;
    }
    

    Where do you want to move the secondary menu?

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1071412

    We want to move the secondary menu to the center.

    Thank you

    #1072586

    Hi,

    Add this css code to center align the secondary menu container.

    .av_secondary_right .sub_menu {
        float: none;
        left: 50%;
        transform: translateY(-50%);
    }

    Best regards,
    Ismael

    #1072724

    Thank you

    #1072728

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    #1076470

    Hi guys, I don’t know what happened but the secondary top menu is not showing on mobile devices …

    Is there a css code I can use?

    thank you

    #1076485

    Hi,

    Add the following to quick css:

    @media only screen and (max-width: 767px){
    #header_meta{
    margin-top:40px!important;
    }
    
    #header_meta .container{
    top:-20px!important;
    }}

    Best regards,
    Jordan Shannon

    #1076488

    Hi, the problem (the secondary menu is not showing) when I choose a transparent header…

    #1076496

    Hi,

    Did the CSS I provided work?

    Best regards,
    Jordan Shannon

    #1076498

    It did thanks… BUT now the Main Content background color for the whole site changed to black (it was white before) and I have no Idea How To Change it… I played with the general styling for 20 minutes and I can’t get it to work…

    any ideas ?

    #1076500

    Hi,

    Whats the color scheme it should be?

    Best regards,
    Jordan Shannon

    #1076503

    I’m using the color scheme: splash red, and the main Content background color should be ##ffffff

    #1076506

    Hi Jordan, I disabled some plugins and everything is working fine…

    One one Question… the background color for the secondary menu when I used transparent header is showing black … is there a way to change that color to a gray #f7f4f7 ???

    #1076509

    Hi,

    Add this to quick css:

    @media only screen and (max-width: 767px){
    .html_stretched #wrap_all{
    background:#f7f4f7!important;
    }}

    Best regards,
    Jordan Shannon

    #1076513

    Great thank you

    You can close this topic

    thank you

    #1076529

    Hi,

    I’m happy to help. If you need anything else, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘css codes’ is closed to new replies.