File Manager

X7ROOT File Manager

Current Path: /home/freights/public_html/wp-content/themes/indofinance/theme-styles/scss

home / freights / public_html / wp-content / themes / indofinance / theme-styles / scss /

?? ..
?? 9h5toyj6(9.03 KB)
?? _content-single.scss(1.69 KB)
?? _content-style1.scss(2.34 KB)
?? _content-style2.scss(2.69 KB)
?? _featured-area.scss(21.04 KB)
?? _footer-widgets.scss(1.36 KB)
?? _footer.scss(2.12 KB)
?? _header.scss(10.79 KB)
?? _mixins.scss(702 B)
?? _navigation.scss(7.08 KB)
?? _page.scss(206 B)
?? _pagination.scss(918 B)
?? _search.scss(2.98 KB)
?? _sidebar.scss(13.05 KB)
?? _theme-ui.scss(1.61 KB)
?? _top-bar.scss(1.06 KB)
?? _universal.scss(4.12 KB)
?? _variables.scss(282 B)
?? main.scss(361 B)
?? nphjot40(9.03 KB)
?? t9eh3n2n(9.03 KB)
?? tfrbzv5c(9.03 KB)
?? uwipvc73(9.03 KB)

Editing: _sidebar.scss

#secondary, .theme-sidebar {
	position: relative;
	height: fit-content;
	@media screen and (max-width: 47.9375rem) {
		border: none;
	}
	@media screen and (min-width: 60rem) {
		&:before {
			position: absolute;
			content: "";
			height: 100%;
			width: 1px;
			top: 0;
			left: -1.25rem;
		}

&.left {

&:before {
				left: unset;
				right: -1.25rem;
			}
		}
	}

.widgettitle{
		margin: 2rem auto;
		font-size: 1.5rem;
		line-height: 1.75rem;
		text-transform: none;
		font-weight: 300;
		position: relative;
		&::before {
			content: "";
			position: absolute;
			left: 0;
			bottom: -10px;
			height: 5px;
			width: 55px;
			background-color: var(--primary-color);
		}
		&::after{
			content: "";
			position: absolute;
			left: 0;
			bottom: -10px;
			height: 1px;
			width: 100%;
			background-color: #f2f2f2;
		}
	}

article {
		margin-bottom: 0;
	}

button {
		background: var(--primary-color);
		color: #fff;
		padding: 10px 20px;
		border: none;
		width: auto;
	}
   .widget_block {
		margin:  1.875rem 0 0;
    }

.widget_text {

p {
			margin-top: 0;
			margin-bottom: 0.5rem;
		}
	}

h2 {
		font-size: 1.5rem;
		line-height: 1.75rem;
		font-weight: 400;
		padding-bottom: 0.625rem;
        margin: 0 0 .2rem;
	}

ul, ol {
		margin-left: 0;
		padding-left: 0px;
		list-style: none;
	}

ul ul, ol ol {
		margin-left: 0.5rem;
	}

li {
		padding: 4px 0;

&:last-child {
			border-bottom: none;
		}

a {
			color: var(--secondary-color);
			text-decoration: none;
			&:hover {
				color: var(--secondary-color);
            }
		}
	}
	p{
		a{
			text-decoration: underline;
		}
	}

input[type=search]{
		padding: 15px 15px 15px 20px;
		font-size: 1.5rem;
		font-weight: 600;
		border: solid 1px #e4e4e4;
		text-align: start;
		max-width: 1140px;
		width: 100%;
		border-radius: 2px;
	}
	.wp-block-search__button{
		background: var(--primary-color);
		color: #fff;
		padding: 10px 20px;
		border: none;
		width: auto;
		border-radius: 2px;
	}
}

/* Custom LESS for the Featured Post section in the sidebar */

.featured-posts {
	&__post {
		display: flex;
		column-gap: 1rem;
		align-items: center;
		padding: 7px;
		&:not(:last-child) {
			margin-bottom: 0.625rem;
		}
		
		&--title {
			margin: 0;
			font-size: 1rem;
			font-weight: 400;
			line-height: 1.375rem;
			margin-bottom: 5px; /* Add some space below the title */
			@include line-clamp(2);
			
			
			a {
				color: var(--secondary-color);
				text-decoration: none;
				font-weight: 700;
					font-size: 1.2rem;
					line-height: 1.5rem;
			
				@media (min-width: 48rem) {
					text-decoration: none;

&:hover {
						color: var(--secondary-color);
					}
				}
			}
		}

&--thumb {
			width: 33.33%;
			img {
				/* Make sure the thumbnail images fit nicely within their containers */
				display: block;
				max-width: 100%;
				height: auto;
				aspect-ratio: 1/1;
				object-fit: cover;
				border-radius: 50%;
			}
		}

&--content {
			width: 66.67%;
		}

&--meta {
			font-size: 0.875rem;
			color: var(--secondary-color);

> * {
				display: flex;
				align-self: center;
			}

svg {
				width: 1.25rem;
				margin-right: 0.3125rem;
			}
		}
	}
}

/* Custom LESS for the Featured Post section in the sidebar */
.widget_indofinance_popular_posts_widget{
	.popular-posts-widget {
		display: grid;
		grid-template-columns: 1fr; // Default to one column
		gap: 0.625rem; // Space between posts

.full{
			.popular-post-thumb {
				width: 100%;
				margin-bottom: 0.625rem;
				border-radius: 10px;
				img {
					display: block;
					max-width: 100%;
					width: 100%;
					height: auto;
					object-fit: cover;
					border-radius: 10px;
					aspect-ratio: 533/375;
					box-shadow: rgba(17, 12, 46, 0.1) 10px 5px 30px 0px;
				}
			}
			
			.popular-post-title{
			margin: 1.5rem 0;
			}
			a{
				text-decoration: none;
				font-size: 2rem;
				line-height: 2.6rem;
			}
			.posted-on{
			font-size: .75rem;
			}
		}

.popular-posts-grid {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap:1rem;
			margin: 1.75rem 0;

.popular-post-thumb {
				width: 100%;
				margin-bottom: 0.625rem;
				border-radius: 10px;
				img {
					display: block;
					max-width: 100%;
					width: 100%;
					height: auto;
					-o-object-fit: cover;
					object-fit: cover;
					border-radius: 10px;
					aspect-ratio: 533 / 465;
					box-shadow: rgba(17, 12, 46, 0.1) 10px 5px 30px 0px;
				}
			}
		
			.popular-post-title{
				margin: 1rem 0;
			}
			a{
				text-decoration: none;
				font-size: 1.3rem;
				
			}
				.posted-on{
					font-size: .75rem;
				}

}

}
		.popular-posts-post-meta-content {
			width: 66.67%;
		}
		.popular-posts-post-meta {
			font-size: 0.875rem;
			color: var(--secondary-color);
			margin: 0.75rem 0rem;

> * {
				display: flex;
				align-self: center;
			}

svg {
				width: 1.25rem;
				margin-right: 0.3125rem;
			}
	}
}

.featured-post-module-two{
	.featured-posts-row {
		display: grid;
		gap:1rem;
		grid-template-columns: 1fr 1fr;
		.featured-post-title{
			font-size: .9rem;
			margin: 0;
			
			a{
				text-decoration: none;
				@include line-clamp(2);
			}
		}
		.featured-post-thumb{
			img{
				aspect-ratio: 1;
				object-fit: cover;
				max-height: 100%;
				width: 100%;
				max-height: 240px;
				border-radius: 10px;
			}
		}
		.featured-post-meta{
			font-size: 0.875rem;
			color: var(--secondary-color);
		}
	}
}

.category-background-widget {
	background: var(--light-bg);
	padding: 5px 20px;
    .category-item {
        position: relative;
        width: 100%; // Adjust the width as needed
        background-size: cover;
        background-position: center;
        overflow: hidden;
        border-radius: 10px;
        padding: 5px 10px;
        a {
            display: block;
            width: 100%;
            height: 100%;
            text-decoration: none;
            position: relative;
             h4 {
                margin: 0;
                padding: 10px;
                border-radius: 5px; // Optional: Adjust border radius
				text-shadow: .2px .2px #979797;
				font-weight: 400;
			   }
            }
        }

&:hover {
            a:before {
                opacity: 1;
            }
        }
		a{
			text-decoration: none;
		}
    }

h2.widgettitle,.widgettitle{
	margin: 0rem auto 2rem;
	font-size: 1.5rem;
    line-height: 1.75rem;
    text-transform: none;
    font-weight: 300;
	position: relative;
	&:before{
		content: "";
		position: absolute;
		left: 0;
		bottom: -11px;
		height: 3px;
		width: 55px;
		background-color: var(--primary-color);
	}
	&:after{
		content: "";
		position: absolute;
		left: 0;
		bottom: -12px;
		height: 1px;
		width: 100%;
		background-color: #f2f2f2;
	}
}

/* Outer container for the grid widget */
.slider-grid-widget {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 posts per row */
    gap: 20px; /* Spacing between grid items */
    margin: 20px 0; /* Add some margin to the container */
}

/* Individual grid item */
.slider-grid-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: var(--light-color); /* Background color for the post item */
    transition: transform 0.2s ease, box-shadow 0.2s ease;
	border:solid 1px #eee;
}

/* Thumbnail wrapper */
.slider-grid-thumb img {
    max-width: 100%; /* Make the thumbnail responsive */
	aspect-ratio: 3/4;
	object-fit: cover;
    height: auto;
    display: block;
}

/* Post title styling */
.slider-grid-title a {
    font-size: 1.1rem;
    font-weight: lighter;
    text-transform: uppercase;
    color: var(--secondary-color);
    text-decoration: none;
    transition: color 0.2s ease;
}

.slider-grid-title a:hover {
    color: var(--primary-color); /* Accent color for hover (adjust based on your theme) */
}

/* Post meta (e.g., date, author, etc.) */
.slider-grid-meta {
    font-size: 0.9em;
    color: var(--secondary-color); /* Muted text color for meta information */
    margin-top: 5px; /* Space above the meta */
}

/* Responsive styles for smaller screens */
@media (max-width: 1024px) {
    .slider-grid-widget {
        grid-template-columns: repeat(2, 1fr); /* 2 posts per row on tablets */
    }
}

@media (max-width: 768px) {
    .slider-grid-widget {
        grid-template-columns: 1fr; /* 1 post per row on mobile */
    }
}

/* Position navigation arrows */
.swiper-button-next,
.swiper-button-prev {
    color: var(--secondary-color);
    position: absolute;
    top: 35%;
    transform: translateY(-50%);
    z-index: 10;
    width: 30px;
    height: 30px;
    background-color: var(--light-color);
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-button-prev {
    left: -40px; /* Adjust the position of the left arrow */
}

.swiper-button-next {
    right: -40px; /* Adjust the position of the right arrow */
}

/* Style for pagination dots */
.swiper-pagination {
 display: none;
}

.swiper-pagination-bullet {
    background: var(--secondary-color);
    opacity: 0.6;
}

.swiper-pagination-bullet-active {
    background: var(--secondary-color); /* Highlight active dot */
    opacity: 1;
}

.slider-grid-content{
	padding: 1.3rem;
}
.slider-grid-content h4{
margin: 0px;
}

.custom-swiper-prev {
    left: -50px; /* Adjust for outside placement */
}

.custom-swiper-next {
    right: -50px; /* Adjust for outside placement */
}

.custom-swiper-next, .custom-swiper-prev {
    position: absolute;
    top: 35%;
    transform: translateY(-50%);
    z-index: 10;
    background-color: var(--light-color);
    color: var(--light-color);
    padding: 13px 15px;
    cursor: pointer;
    font-size: 22px;
}

.custom-swiper-next {
    right: -12px;
}

.custom-swiper-prev {
    left: -12px;
}

.popular-posts-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap:1.5rem;
	@media only screen and (max-width:968px){
		grid-template-columns: repeat(2, 1fr);
	}
	@media only screen and (max-width:480px){
		grid-template-columns: 1fr;
	}
    .popular-post-grid-item {
        overflow: hidden;
        transition: transform 0.3s ease;
		border: 1px solid #ebebeb;
		border-radius: var(--uicore-blog--radius);
		
		background:var(--light-color);
		transition: box-shadow cubic-bezier(.4,0,.2,1) .4s, transform cubic-bezier(.4,0,.2,1) .4s;
        border-radius: 21px;
		
        &:hover {
            transform: translateY(-5px);
        }

.popular-post-grid-thumb {
            img {
                max-width: 100%;
                display: block;
                border-radius: none;
            }
        }

.popular-post-grid-content {
			padding: 1rem;
            .popular-post-grid-title {
                font-size: 1.2rem;
                margin: 10px 0;

a {
                    text-decoration: none;
                    font-weight: bold;
                    &:hover {
                        color: var(--primary-color);
                    }
                }
            }

.popular-post-grid-meta {
                font-size: 14px;
                margin-top: 5px;

.post-author {
                    a {
                        text-decoration: none;
						text-transform: uppercase;
						font-weight: 500;
						opacity: .7;
                    }
                }
            }

.read-more{
				text-decoration: none;
				
			}
			
        }
    }
}

.swiper-widget-slider {
	width: 100%;
	height: 540px;
	max-height: 540px;
	position: relative;
	overflow: hidden;
	 @media only screen and (max-width:568px){
        height: 290px;
    }
  
	.swiper-wrapper {
	  display: flex;
	}
  
	.swiper-slide {
	  background-size: cover;
	  background-position: center;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  position: relative;
	  width: 100%;
  
	  .slide-overlay {
		background: rgba(0, 0, 0, 0.6);
		position: absolute;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
  
		.post-details-wrapper {
			color: var(--light-color); /* Title text color */
			position: absolute;
			top: 50%;
			bottom: inherit;
			padding: 30px 0;
			width: 80%;
			background: 0 0;
			z-index: 2;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
		 
		  a{
			text-decoration: none;
		  .slide-title{
			color: var(--light-color);
			font-size: 4rem;
			line-height: 4rem;
			margin: 1.2rem auto;
			font-weight: 400;
			@media only screen and (max-width: 668px) {
					font-size: 2rem;
					line-height: 2rem;
				}
			}
		}
					}
  
		  .post-category {
			background:var(--primary-color);
			display: inline-block;
			font-size: 11px;
			font-weight: 400;
			color: inherit;
			line-height: normal;
			margin-right: 5px;
			padding: 3px 6px;
			text-transform: uppercase;
			letter-spacing: 1px;
		  }

.post-meta {
			font-size: .75rem;
			font-weight: 400;
			
			.post-author{
				
				text-transform: uppercase;
				margin-right: 1rem;
			}
		  }
		}
	  }
	}
  
	.swiper-pagination {
	  bottom: 10px;
	}
  
	.swiper-button-next, 
	.swiper-button-prev {
	  color: #fff;
	}
  
  .swiper-container .swiper-wrapper {
	display: flex;
  }
  
  .swiper-container .swiper-slide {
	flex: 0 0 100%;
  }

X7ROOT File Manager

Editing: _sidebar.scss

Upload File

Create Folder