spacing, responsive checked
This commit is contained in:
parent
012ae44576
commit
8123783fe5
@ -25,7 +25,7 @@ const BlogSection = () => {
|
||||
<div className="wpo-blog-content">
|
||||
<ul>
|
||||
<li><a href="blog-single.html">{blog.create_at}</a></li>
|
||||
<li>by: <Link onClick={ClickHandler} href={'/blog-single/[slug]'} as={`/blog-single/${blog.slug}`}>{blog.author}</Link></li>
|
||||
<li>by: <Link onClick={ClickHandler} href={'/blog-single/[slug]'} as={`/blog-single/${blog.slug}`}>{blog.authorTitle}</Link></li>
|
||||
</ul>
|
||||
<h2><Link onClick={ClickHandler} href={'/blog-single/[slug]'} as={`/blog-single/${blog.slug}`}>{blog.title}</Link></h2>
|
||||
<Link className="more" onClick={ClickHandler} href={'/blog-single/[slug]'} as={`/blog-single/${blog.slug}`}>Continue Reading</Link>
|
||||
|
||||
@ -47,7 +47,7 @@ const Testimonial = (props) => {
|
||||
|
||||
|
||||
return (
|
||||
<section className={`wpo-testimonial-section ${props.tmClass}`}>
|
||||
<section className={`wpo-testimonial-section section-padding ${props.tmClass}`}>
|
||||
<div className="container">
|
||||
<div className="wpo-testimonial-wrap">
|
||||
<div className="row align-items-center">
|
||||
|
||||
@ -89,7 +89,7 @@ img {
|
||||
padding: 90px 0;
|
||||
}
|
||||
@include media-query( 767px ) {
|
||||
padding: 80px 0;
|
||||
padding: 90px 0;
|
||||
}
|
||||
}
|
||||
.pt-100 {
|
||||
|
||||
@ -177,7 +177,7 @@
|
||||
.wpo-about-section-s2,
|
||||
.wpo-about-section-s3,
|
||||
.wpo-about-section-s4 {
|
||||
padding-top: 150px;
|
||||
padding-bottom: 0px;
|
||||
|
||||
@media(max-width:991px) {
|
||||
padding-top: 0;
|
||||
@ -587,7 +587,7 @@
|
||||
.wpo-service-section,
|
||||
.wpo-service-section-s2 {
|
||||
@media(max-width:991px) {
|
||||
padding-top: 0;
|
||||
padding-top: 90px;
|
||||
}
|
||||
|
||||
.wpo-service-slider {
|
||||
@ -846,12 +846,12 @@
|
||||
.wpo-campaign-area-s3,
|
||||
.wpo-campaign-area-s4,
|
||||
.wpo-campaign-area-s5 {
|
||||
padding-bottom: 90px;
|
||||
padding-bottom: 120px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
||||
@media(max-width:991px) {
|
||||
padding-bottom: 70px;
|
||||
padding-bottom: 90px;
|
||||
}
|
||||
|
||||
&:before {
|
||||
@ -1077,7 +1077,7 @@
|
||||
|
||||
.wpo-testimonial-section {
|
||||
position: relative;
|
||||
padding-bottom: 0;
|
||||
padding-top: 0;
|
||||
|
||||
.wpo-testimonial-wrap {
|
||||
position: relative;
|
||||
@ -1575,10 +1575,10 @@
|
||||
/* 3.7 wpo-team-section */
|
||||
|
||||
.wpo-team-section {
|
||||
padding-bottom: 90px;
|
||||
padding-bottom: 120px;
|
||||
|
||||
@media(max-width:991px) {
|
||||
padding-bottom: 60px;
|
||||
padding-bottom: 90px;
|
||||
}
|
||||
|
||||
.wpo-team-wrap {
|
||||
@ -1849,12 +1849,12 @@
|
||||
|
||||
.wpo-blog-section,
|
||||
.wpo-blog-section-s2 {
|
||||
padding-bottom: 90px;
|
||||
// padding-bottom: 120px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
||||
@media(max-width:767px) {
|
||||
padding-bottom: 60px;
|
||||
padding-bottom: 90px;
|
||||
}
|
||||
|
||||
.wpo-blog-item {
|
||||
|
||||
@ -16,7 +16,7 @@
|
||||
|
||||
@include media-query(991px) {
|
||||
margin-top: 0px;
|
||||
padding: 80px 0;
|
||||
padding: 90px 0;
|
||||
}
|
||||
|
||||
.wpo-section-title{
|
||||
|
||||
@ -40,7 +40,7 @@
|
||||
|
||||
|
||||
.wpo-campaign-area-s4 {
|
||||
padding-top: 0;
|
||||
// padding-top: 120px;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user