How can I insert padding into my blog post?

Store Design
1

How to add padding in blog post.

My website - https://theaunaturel.com/blogs/blog-posts/5-easy-homemade-plant-fertilizers-using-plant-fertilizers

Reference - https://bloomscape.com/plant-care/moving-your-indoor-plants-outside-for-the-summer/

5-Easy-Homemade-Plant-Fertilizers-Using-Plant-Fertilizers-–-The-Au-Naturel.png
5-Easy-Homemade-Plant-Fertilizers-Using-Plant-Fertilizers-–-The-Au-Naturel.png1366×635 166 KB

1 Like
2

@incognitomode

Please add the following CSS code to your assets/pre_theme.min.css bottom of the file.

@media (min-width: 1230px){
.template-article .container {max-width: 40% !important;}
.template-article article{display: contents !important;}
}

Thanks!

3

Xin chào @incognitomode !

Bạn có thể làm theo hướng dẫn bên dưới:

  1. Đi tới Cửa hàng trực tuyến-> Chủ đề-> Chỉnh sửa mã
  2. Nội dung → / theme.css-> dán mã dưới đây vào cuối tệp:
@media (min-width: 1025px){
  .template-article .container {
     max-width: 40% !important;
  }
  .template-article article{
     display: contents !important;
   }
}

Nếu bạn cảm thấy câu trả lời của tôi hữu ích, hãy đánh dấu nó là GIẢI PHÁP. Hãy cho tôi biết nếu bạn có thêm bất kỳ câu hỏi nào.

Trân trọng.

4

5-Easy-Homemade-Plant-Fertilizers-Using-Plant-Fertilizers-–-The-Au-Naturel (1).png
5-Easy-Homemade-Plant-Fertilizers-Using-Plant-Fertilizers-–-The-Au-Naturel (1).png1349×635 33.9 KB

My god- It does this to my theme

5

@incognitomode

Please add provided CSS code I will check your site after sending the correct code for you!

Thanks!

6

https://theaunaturel.com/blogs/blog-posts/5-easy-homemade-plant-fertilizers-using-plant-fertilizers

check my link its active

7

@dmwwebartisan @AvadaCommerce

1 Like
8

Hello

You can follow the instructions below:

  1. Go to Online Store-> Themes-> Edit Code
  2. Content → /theme.css-> paste the below code at the end of the file:
<style>
.nt_single_blog{padding: 0 18%;}
@media only screen and (max-width: 992px) {
div.nt_single_blog{padding: 0 10%;}
}
@media only screen and (max-width: 768px) {
#nt_content div.nt_single_blog{padding: 0 5%;}
}
@media only screen and (max-width: 600px) {
body #nt_content div.nt_single_blog{padding: 0 1%;}
}
</style>

I hope it will work for you

9

@incognitomode

Please Remove the previously provided CSS code and add new code to your CSS file.

@media (min-width: 1230px){
.template-article .mb__60 { max-width: 40% !important;}
.template-article article{display: contents !important;}
}

Thanks!