-
Posts
104 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by yubrajs
-
Video Full Screen but also Responsive to Screen Width & Device
yubrajs replied to NorthVisual's topic in Customize with code
Can't see the video?- 3 replies
-
- video
- responsive
-
(and 1 more)
Tagged with:
-
Page getting glitchy on mobile
yubrajs replied to charlottewritescopy's topic in Customize with code
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; }
-
Resizing events thumbnail images
yubrajs replied to thesmallestthings's topic in Customize with code
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; } -
How can I change the Horizontal Rule padding in the Pacific template
yubrajs replied to St Lukes's topic in Code Blocks
Provide your website url.- 4 replies
-
- code-injection
- css
-
(and 1 more)
Tagged with:
-
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.
-
How can I change the Horizontal Rule padding in the Pacific template
yubrajs replied to St Lukes's topic in Code Blocks
Add this code in custom css: .horizontalrule-block{ display: block !important; height: 1px !important; }- 4 replies
-
- code-injection
- css
-
(and 1 more)
Tagged with:
-
Inject it in custom css.
-
FIT IMAGES INSIDE OF A HORIZONTAL CAROUSEL CONTAINER
yubrajs replied to Robertopatella's topic in Code Blocks
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; } -
FIT IMAGES INSIDE OF A HORIZONTAL CAROUSEL CONTAINER
yubrajs replied to Robertopatella's topic in Code Blocks
Please provide your website url. -
@laurenc_harvey Use this code: .view-item .header-title-logo img{ filter: invert(1); }
-
Please provide website url.