Announcement

Collapse
No announcement yet.

Change margin right css

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Change margin right css


    Hello, I would like to change the right margin of the css but I can't find the right section in the css, can someone help me? thank you

  • #2
    Hello, have you added any custom css because in the default behaviour it must not has right margin,

    The list view has max width so in the large screens you will see it has right and left margins at the same time,

    I can give you custom css code to change the max width but first must ensure that it is the problem
    CEO of Eblasoft
    EspoCRM Expert since 2014
    Full Stack Web Developer since 2008
    Creator of Numerous Successful Extensions & Projects​

    Comment


    • #3

      hi, I added my css in client \ custom \ css \ espo-vertical.css indicating it in the custom file \ Espo \ custom \ Resources \ metadata \ app \ client.json and I'm customizing this file, currently I have only added the border- bottom in the navbar tab no other changes

      Comment


      • eymen-elkum
        eymen-elkum commented
        Editing a comment
        so you want the table to be full-width right?

    • #4
      In the case you want the list table to take the full width in large screens you can use this code:

      PHP Code:
      @media screen and (min-width768px){
          
      body #content {
              
      max-width3800px;
          }

      CEO of Eblasoft
      EspoCRM Expert since 2014
      Full Stack Web Developer since 2008
      Creator of Numerous Successful Extensions & Projects​

      Comment


      • #5
        I added,
        PHP Code:
        .container>#main

            
        margin-right:-200px;


        do you think your solution is better?

        Comment


        • eymen-elkum
          eymen-elkum commented
          Editing a comment
          yes, because your solution will made unexpected behaviours on small screens

      • #6

        Thanks, it's very kind of you

        Comment


        • eymen-elkum
          eymen-elkum commented
          Editing a comment
          you are welcome

      • #7

        sorry if I still disturb you but in case of collapse of the sidebar a wide right margin remains

        Comment


        • #8
          I updated the css code to this:

          PHP Code:
          @media screen and (min-width768px){
              
          body #content , body.minimized #content{
                  
          max-width3800px;
              }

          CEO of Eblasoft
          EspoCRM Expert since 2014
          Full Stack Web Developer since 2008
          Creator of Numerous Successful Extensions & Projects​

          Comment


          • #9
            I modified the code as you posted and in addition I also had to modify

            From
            Code:
                body.minimized #content
                {
                padding-left:53px;
                max-width:1538px
                }
            To
            Code:
                body.minimized #content
                {
                padding-left:53px;
                max-width:3800px
                }

            Comment


            • #10

              You have been very kind again thanks

              Comment


              • eymen-elkum
                eymen-elkum commented
                Editing a comment
                my pleasure
            Working...
            X