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

    I`m planning to design one page that will be accessible from and iPad only. Is it an easy way to apply CSS like width and height for one particular page ?

    #246656

    Hey koanga!

    You can use page id in your custom CSS code as following

    .page-id-2251 .logo { display: none !important; }

    You can right click on Chrome or Firefox to inspect elements to find page ID’s http://i.imgur.com/HyPTCRg.jpg

    Cheers!
    Yigit

    #246679

    Hi Yigit,

    Thx for the reply. I add that code and nothing changed. Im working on a blank page template and what Im trying to accomplish this:

    1. No borders ( putting this code will affect the other pages as well )

    #top.avia-blank #wrap_all #main .container_wrap {
    border: none;
    }

    2. No top padding (adding this will affect all the pages as well)

    .html_header_top.html_header_sticky #main {
    padding-top: 88px;
    }

    page id that I`m working on it 3012.

    Thank you.

    #246681

    Hey!

    Please try following code in Quick CSS

    .page-id-3012 #top.avia-blank #wrap_all #main .container_wrap {
    border: none !important;
    }
    .page-id-3012 .html_header_top.html_header_sticky #main {
    padding-top: 88px !important;
    }

    Regards,
    Yigit

    #246684

    still nothing :(

    #246688

    Hi!

    Please try it as following

    
    .page-id-3012 #main .container_wrap {
    border: none !important;
    }
    .page-id-3012 #main {
    padding-top: 88px !important;
    }

    and flush browser cache after applying the code

    Cheers!
    Yigit

    #246690

    Success , thank you !

    #246692

    Hey!

    You are welcome, glad we could help! Let us know if you have any other questions or issues

    Best regards,
    Yigit

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘custom css for just one page’ is closed to new replies.