Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1159995

    I would like to apply a specific css to .page-id-718

    My current css for the other pages is:

    
    /*menu*/
     .menu, h3.widget-title, span.avia-menu-text, .main_menu ul:first-child > li > a, #top #header .mega_menu_title a {font-family:'arial', sans-serif!important;text-transform: uppercase;letter-spacing:1px;font-weight:normal;font-size:15px;text-align: center;color: red;}
    

    What is the correct code to realize it ?

    I try:

    
    /*menu*/
    .page-id-718 .menu, h3.widget-title, span.avia-menu-text, .main_menu ul:first-child > li > a, #top #header .mega_menu_title a {font-family:'arial', sans-serif!important;text-transform: uppercase;letter-spacing:1px;font-weight:normal;font-size:15px;text-align: center;color: red;}
    

    but it doesn’t work…

    Thanks for helping,

    Regards,
    Iceman

    • This topic was modified 2 weeks, 4 days ago by  ICEMAN.
    #1160042

    Hey ICEMAN,

    Try the following:

    /*menu*/
    .home .menu, h3.widget-title, span.avia-menu-text, .main_menu ul:first-child > li > a, #top #header .mega_menu_title a {
    font-family:'arial', sans-serif!important;
    text-transform: uppercase!important;
    letter-spacing:1px!important;
    font-weight:normal!important;
    font-size:15px!important;
    text-align: center!important;
    color: red!important;
    }

    Best regards,
    Jordan Shannon

    #1160702

    Thank you Jordan, I will try, it’s nice of you,
    I will let you know,

    In the same way, how do I code a specific police H1 size for a specific article ?
    I tried this:

    
    /*ARTICLE TITLE*/
    .page-id-24  h1.entry-title {
    font-size: 26px; !important;
    }
    

    It doesn’t work so what is the mistake ?

    Regards,
    Iceman

    #1160951

    Hi Iceman,

    https://cl.ly/c8964ea9aab2 The mistake is having a “;” before !important. Please remove it.

    Best regards,
    Victoria

    #1162150

    Thank you Victoria.

    Jordan solution didn’t work.
    So I create a test page in private so you can see the result.
    The css is:

    
    .page-id-718 .menu, h3.widget-title, span.avia-menu-text, .main_menu ul:first-child > li > a, #top #header .mega_menu_title a {
    font-family:'arial', sans-serif!important;
    text-transform: uppercase!important;
    letter-spacing:1px!important;
    font-weight:normal!important;
    font-size:15px!important;
    text-align: center!important;
    color: red!important;
    }
    

    In addition to the red color, I would like to have the logo bigger on my home and moved slightly to the left compared to the menu for better centering (10 or 15 px) . I would like all these apply just for the home page.
    I tried a lot of solution but I don’t find the good one.

    Thanks for helping,
    Regards
    Iceman

    • This reply was modified 1 week, 3 days ago by  ICEMAN.
    #1163822

    Hi,
    Sorry for the late reply, I issue that I see with your css is there is not enough specificity for the elements on your page to overwrite the theme css, and since this is meant for one page only you need to add the page ID for each of the rules.
    Please note that h3.widget-title should be h3.widgettitle, also I found no .mega_menu_title on this page.
    This css has the specificity needed, note that I created a new line for each rule so it would be easier for you to read and compare to your original css:

    #top.page-id-718 #wrap_all #avia-menu.menu, 
    #top.page-id-718 #wrap_all #footer h3.widgettitle, 
    #top.page-id-718 #wrap_all span.avia-menu-text, 
    #top.page-id-718 #wrap_all .main_menu ul:first-child > li > a {
    font-family:'arial', sans-serif!important;
    text-transform: uppercase!important;
    letter-spacing:1px!important;
    font-weight:normal!important;
    font-size:15px!important;
    text-align: center!important;
    color: red!important;
    }

    After applying the css, Please clear your browser cache and check.

    Best regards,
    Mike

    #1164060

    Hey Mike, thanks for helping !

    I put your CSS into my style.css but as you can see it doesn’t work. I will try to find why but I don’t understand.

    If your have another idea…

    Thanks for your kindness,

    Iceman

    #1164065

    Hey,

    Do you have any other custom CSS in your style.css file? If you do, please check if there is any error in your CSS code using – http://csslint.net/.

    If there is none and you have cleared cache, please create temporary admin logins and post them here privately so we can look into it :)

    Regards,
    Yigit

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

You must be logged in to reply to this topic.