Shopify themes, liquid, logos, and UX
Hi guys!
On our about page, we've added a Vimeo video. However it shows up small on the page itself. I've tried to simply adjust the height and width in the embedded code, but it doesn't seem to work. I think it has to do with the theme and I have to add something to the code, but I'm not sure where to add what. The theme I use is Ira.
Anyone who can help?
The page is https://the-activewear-company.myshopify.com/pages/about-us and the password is: cegupo.
Looking forward to hear from you guys!
Please try this code
please Go to Online Store->Theme->Edit code then go to assets/index.css ->paste below code at the bottom of the file.
.template-page .rte iframe {
margin: var(--s-vertical-space) 0;
display: block;
width: 500px !important;
height: 300px !important;
}
@dmwwebartisan Thanks for your reply!
I've added the the code to the mentioned asset and changed both the width and the height to 1000px. It worked! The only thing is - it's not aligned in the center anymore. Is there anything I still have to ad to the code so the video will be centered?
Thanks in advance!
Please add this code your css file
.ff-body { max-width: 100% !important;}
I've added the additional code you mentioned. Now it's left aligned, while it must be centered. What do I have to add then?
Thanks in advance!
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024