سلام دوستان وقت بخیر
در قسمت ادامه مطلب وقتی میخوام به پاراگراف ها بگم که از چپ و راست پدینگ بگیرن و کوچکتر از مقدار عکس باشن خود اون عکس هم مثل پاراگراف ها پدینگ میگیره با اینکه من فقط به تگ p پدینگ چپ و راست دادم که کدهاشو براتون میزارم.
این برا پاراگراف ها
.article-entry p {
line-height: 40px;
padding: 10px 120px;
}
این یکی هم برا خود عکس هایی که داخل پست قرار میگیرن
.article-entry img {
width: 100%;
height: auto;
margin: 5px 0;
padding: 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
و اینم از کدهای صفحه single.php
<div class="container article-content">
<?php if (have_posts()) : ?>
<div class="row">
<?php while (have_posts()) : the_post(); ?>
<div class="col-12">
<div class="article-entry"><?php the_content(); ?></div>
</div>
<?php endwhile; ?>
</div>
<?php endif; ?>
</div>
خب اینم عکس قسمت مشکل ساز که هم عکس و هم پاراگراف اومدن و از چپ و راست padding:120px گرفتن که من میخوام فقط پاراگراف ها اینجوری باشن و فاصله داشته باشن. دقت کنید اون قسمت بعدی چون ol هست مشکلی نداره ولی عکس با تگ p مشکل ساز شدن.