Decrease left and right width of single post

I have tried to decrease left and right margin of the single post and it was fit on the larger but not on the smaller screen especially on the smartphone (was broad). so then I increased (default to theme setting) and now works on both okay .

But I want to decrease for the larger screen and not for the smaller screen.(left and right margin)

is there anyway ?

this is the code .

`.single .page-wrap .content-wrapper {
padding: 10px !important;
}

Thanks

Hello there,

Wrap your code with media query.


@media only screen and (min-width:992px){

  .single .page-wrap .content-wrapper {
    padding: 10px !important;
  }

}

Doing so, your code will work only on the screen larger than 991px.

You would do adjustment if needed.

Regards,
Kharis

Thanks it’s fine ,is there any way to decrease the padding to both side (left and right) even more from default 0 px.

Thanks

Hello there,

Please replace the code I previously suggested with this one:


@media only screen and (min-width:992px){

  .single .page-wrap .content-wrapper {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

}

Regards,
Kharis

Oh Dear Kharis , you got me wrong , evrything is fine with this code. but i want to decrease left and right margin (padding) even more from 0 px (padding). so it will look more fine and i will try to put sharing button between sidebar and content…

Thanks for you help , my site is zadahz.com if you want to check.

Sorry. That was my fault. :frowning:


This is my webpage. Can u tell me how to decrease left and right width of the books page

Hello there,

If I get it correctly, you’ll need to add this CSS code to Appearance > Customize > Additional CSS from your site dashboard.


.page-id-739 .page-wrap > .container {
  width: 100%;
}

Regards,
Kharis

yeah…its worked successfully.
thank you sir…

Can u help me on this ??

I want to create a categories menu like flipkart.com, amazon.com on my site.
But I am unable to find any plugins , woocommerce products.
Although I created a dropdown categories of amazon products on my website http://onlineshoppyjunction.com/
U can check here.
I just want to create a set of categories bar with stylish look
I hope u can help me…

You’re welcome!

For your other queries, please write them on a new topic and avoid posting multiple queries at once. You’re not limited to create as many topic as you want. Doing so will help us maintain this support forum stays well-archived and easier for others to read.

Regards,
Kharis