• Home
  • Categories
  • Recent
  • Popular
  • Top
  • Tags
  • Users
  • Groups
  • Documentation
    • Home
    • Read API
    • Write API
    • Plugin Development
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
v3.5.2 Latest
Buy Hosting

Remove the padding on the mobile topic page

Scheduled Pinned Locked Moved General Discussion
help
5 Posts 2 Posters 706 Views
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • 陈 Offline
    陈 Offline
    陈洁
    wrote on last edited by 陈洁
    #1

    I want to remove the padding to make the <div> fill the screen
    I tried to modify the CSS,i try

    .container{
        padding-left: 0px;
        padding-right: 0px;
    }
    

    have many try but all is this.Extra space, when sliding.Only on mobile phones

    This issue occurs when swiping to the right
    original:
    photo_2021-02-12_23-44-39.jpg

    After modification:
    photo_2021-02-13_00-01-56.jpg

    Current theme [email protected]
    I checked the subject of the .less file, but I haven't found a way yet

    Because need to browse comics, the extra space will be very uncomfortable (OCD)

    PitaJP 1 Reply Last reply
    0
  • PitaJP Offline
    PitaJP Offline
    PitaJ Global Moderator Plugin & Theme Dev
    replied to 陈洁 on last edited by
    #2

    @陈洁 do you want this just with images or with everything?

    陈 1 Reply Last reply
    0
  • 陈 Offline
    陈 Offline
    陈洁
    replied to PitaJ on last edited by 陈洁
    #3

    @pitaj
    img is width: 100% but it Included in the div. It is impossible to alone fill the screen. It is great if the picture can fill the screen
    I remove the padding of class="container"
    But this is not perfect, it stillhave extra space for sliding to the right on the phone

    PitaJP 1 Reply Last reply
    0
  • PitaJP Offline
    PitaJP Offline
    PitaJ Global Moderator Plugin & Theme Dev
    replied to 陈洁 on last edited by PitaJ
    #4

    @陈洁 instead of changing the container padding, try setting a negative margin on the images:

    .posts-list .posts-list-item .content img {
      margin-left: -15px;
      margin-right: -15px;
    }
    
    陈 1 Reply Last reply
    0
  • 陈 Offline
    陈 Offline
    陈洁
    replied to PitaJ on last edited by
    #5

    This problem has been troubled for a long time, thank you very much to solve it!😊

    1 Reply Last reply
    0

Copyright © 2023 NodeBB | Contributors
  • Login

  • Don't have an account? Register

  • Login or register to search.
Powered by NodeBB Contributors
  • First post
    Last post
0
  • Home
  • Categories
  • Recent
  • Popular
  • Top
  • Tags
  • Users
  • Groups
  • Documentation
    • Home
    • Read API
    • Write API
    • Plugin Development