container width

This is a PRIVATE forum for verified users only, to view all replies/answers, you must be logged in!

Status: resolved
  • This topic has 6 replies, 3 voices, and was last updated 5 y, 6 mo by  Erick.
Viewing 6 reply threads
  • Author
    Posts
    • #7032

      Erick
      Member

      I’ve been trying to make all my website a bit smaller in the margins (paddings) and I’ve been unsuccessful.

      I have tried this codes

       .container {width: 1100px;
      }

      and also

      .container {
      padding-right: 30px;
      padding-left: 30px;
      margin-right: auto;
      margin-left: auto;
      }

      the first one works only on desktop and doesn’t scales on mobile, the second one works well but it also affects mobiles. It adds a lot of padding to it.

      I want it to be 1100px or 30 padding on the left and right but without affecting the mobile version.

      Thanks in advance.

      PS. I dont need the code anymore but it will be good to include it in this post in case someone else needs it 🙂

    • #7043

      Erick
      Member

      Whoever reading this post and looking for this answer you can go here:

      https://wpthms.com/support/topic/boxed-template-1000px/#post-7036

    • #7054

      Max
      Staff

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #7183

      Erick
      Member

      That works :). I tried it without your code and basically the mobile version gets wrecked. Once you put them inside it fixes that.

      Thank you MAXXI!

    • #7184

      Erick
      Member

      PS: I tried to make the website a slight bigger, but I notice all the customizations done to the css stopped working after passing the determine px, fonts went back to default, footer background changed to default, and other things of that nature.

      I basically want to make the website have this properties

      @media (min-width: 1217px){
      	.container {
      		width: 1217px;
      		padding-right: 20px;
      		padding-left: 20px;
      }

      And I believe I have to do something to the custom-functions.php

      I am not sure..

      any idas?

      thanks in advance

    • #7185

      Jacob
      Staff

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #7190

      Erick
      Member

      Oh, sorry. I keep missing those brackets. Thanks Jacob.

Viewing 6 reply threads
  • You must be logged in to reply to this topic.

This is a PRIVATE forum for verified users only, to view all replies/answers, you must be logged in!

© Copyright 2020 by wpthms.com. All Rights Reserved.