yubrajs

Can't see the video?

Here is the solution:

.item-pagination[data-collection-type^="portfolio"] {
	display: flex;
	justify-content: space-evenly;
}

#itemPagination a.item-pagination-link{
	padding: 4px 18px 4px 18px !important;
}

Apply this code only in media query with max-width: 428px

Hi, Here is the code you have to put in custom css:
 

#collection-658323ea6ebb5533fc88dbe7 .header-background-solid, #collection-6589b02f549719130fe08df7 .header-background-solid, #collection-6588f7e4f48be01f828283bc .header-background-solid{
	background-color: rgba(42, 107, 172, 0.30) !important;
}

This will make the header bg 70% transparent.

What's your website url?

Here is the code for underline:

.sqs-html-content h2 a .sqsrte-text-color--black:hover {
  text-decoration-color: #000 !important;
}

Try this:

.sqs-html-content h2 a em:hover {
	color:#000 !important;
}

In preview mode your video is already full-screen. If you want the video container cover full space; zero the gap as soon in the screen-shot below.

Provide your website url.

Provide your website url.

Provide your website url.

Add the below code in your custom css, if you are using h2 as the link tag otherwise update the tag as per text link.

.sqs-html-content h2 a{
	transition: all 0.5s ease;
}
.sqs-html-content h2 a:hover{
	color:#000;
}

First make the word "FORGED" bold then add below code on custom css

.accordion-item__description p strong{
	color: #eb7114 !important;
	font-weight: normal;
}

Insert this code in custom css:

.eventlist-column-thumbnail{
	height: auto !important;
	padding-bottom: 0 !important;
}

.eventlist-column-thumbnail img{
	object-fit: contain;
    width: 100% !important;
    left: auto !important;
    height: 100% !important;
    top: unset !important;
}

Provide your website url.

Please add it as last line of custom css.

I dont see the code in your css.

This is how it should look after adding the code. Check the attached screen-shot.

Add above this line:

@media only screen and (max-width:768px){

You can use the custom css:

.products.collection-content-wrapper .grid-item .grid-item-image{

object-fit: contain !important;

}

This will show the image in full.

Provide your website url.

Add this code in custom css:

.horizontalrule-block{

display: block !important;
height: 1px !important;

}

Inject it in custom css.

Remove this code from custom css:

.user-items-list-carousel__media {
    object-fit: contain !important;
}

if the above code in not in the custom css, then add this code:

.user-items-list-carousel__media {
    object-fit: cover !important;
}

Please provide your website url.

@laurenc_harvey Use this code:

.view-item .header-title-logo img{

filter: invert(1);

}

Please provide website url.