Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • April 2, 2014 at 9:03 pm #246729
    koanga

    Hello,
    Ill building one page thats gonna land only for ipads (1024x768dpi). Page id is gonna be 3012. how can I remove the padding from the container so all the elements will line up next to the edge of the screen , right now I think there is a 10px padding for left and right and 20px for top & bottom.

    I upload a photo for a better explanation

    http://wyndhamgardenftwaltonbeach.com/wp-content/uploads/20140402_135904-copy.jpg

    April 3, 2014 at 3:30 pm #247075
    Yigit

    Hey koanga!

    Please try adding following code to Quick CSS

    @media only screen and (max-width: 989px) {
.page-id-3012  .responsive .container {
width: 100%;
}}

    Cheers!
    Yigit

    April 3, 2014 at 4:10 pm #247101
    koanga

    Hi Yigit,

    Thank you for replying , I did add the css code but I don`t see any changes.

    April 3, 2014 at 5:23 pm #247129
    Ismael

    Hey!

    Thank you for the link and the screenshot. We might need to see the actual page in order to give you an answer tailored to your needs. If you don’t mind, please post the website url here. We’ll be happy to give you a response once we have taken a look on the actual website.

    Best regards,
    Ismael

    April 3, 2014 at 5:25 pm #247130
    koanga

    here is it :
    http://wyndhamgardenftwaltonbeach.com/newsletters/

    thank you

    April 4, 2014 at 1:49 am #247277
    koanga

    Some help please, I`m frying my brains out to figure it out….

    April 4, 2014 at 2:36 am #247294
    Josue

    Hey!

    That page is password protected, we can’t see it.

    Cheers!
    Josue

    April 4, 2014 at 3:50 am #247316
    koanga

    Sorry about that, try now.

    April 4, 2014 at 3:58 am #247318
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 767px) {
  .page-id-3012 .responsive .container {
    width: 100%;
    margin: 0 auto;
  }
  .page-id-3012 .responsive .container main{
    padding: 0;
  }
}

    Cheers!
    Josue

    April 4, 2014 at 5:52 am #247325
    koanga

    Thank you for reply, I add the code without any luck :(

    April 4, 2014 at 5:59 am #247326
    koanga

    This page will be accessible only from a kiosk ipad so Its not important to be responsive in any ways. If I can just set it up to show as 1024x762px (ipad resolution) and the content to be without padding will be excellent. Im struggling with this issue from 2 days now. Any help will be much appreciated.

    April 4, 2014 at 8:19 am #247334
    Josue

    Well then, try changing the code to this (without the media query):

    .page-id-3012 .responsive .container {
    width: 100%;
    margin: 0 auto;
  }
  .page-id-3012 .responsive .container main{
    padding: 0;
  }

    Regards,
    Josue

    • This reply was modified 10 years, 8 months ago by Josue.
    April 4, 2014 at 2:08 pm #247459
    koanga

    still nothing

    April 4, 2014 at 5:19 pm #247530
    koanga

    I notice this code :

    .content, .sidebar {
    -moz-box-sizing: content-box;
    min-height: 1px;
    padding-bottom: 50px;
    padding-top: 50px;
    z-index: 1;
    }

    after changing the padding value to 0 , the content is lining up and down nice , BUT only on desktop screen, on IPAD it stays the same.

    April 4, 2014 at 6:14 pm #247548
    Yigit

    Hey!

    Try adding !important rule to Josue’s code as following

    .page-id-3012 .responsive .container {
    width: 100% !important;
    margin: 0 auto !important;
  }
  .page-id-3012 .responsive .container main{
    padding: 0!important;
  }

    If that too does not work, please hire a freelance developer.

    Regards,
    Yigit

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