Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 25, 2019 at 7:20 pm #1159995
    ICEMAN

    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 4 years, 11 months ago by ICEMAN.
    November 25, 2019 at 9:29 pm #1160042
    Jordan Shannon

    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

    November 27, 2019 at 5:10 pm #1160702
    ICEMAN

    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

    November 28, 2019 at 1:15 pm #1160951
    Victoria

    Hi Iceman,

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

    Best regards,
    Victoria

    December 3, 2019 at 11:54 am #1162150
    ICEMAN

    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 4 years, 11 months ago by ICEMAN.
    December 8, 2019 at 4:14 pm #1163822
    Mike

    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

    December 9, 2019 at 4:07 pm #1164060
    ICEMAN

    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

    December 9, 2019 at 4:26 pm #1164065
    Yigit

    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

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