sakib_ShopiDevs
Shopify Partner
Contact Me
Status
Offline
Last Activity
‎12-10-2024 01:51 AM
Topic Started
0
Topics Started
Topic Solutions
1
Solution
Post Count
11
Posts
Post Kudos
2
Likes

Bio: Hi, I'm Sakib Sobhan Khan, a passionate front-end developer with expertise in HTML, CSS, JavaScript, Liquid, Figma, and GitHub. I specialize in creati...

Community Badges

No content to show

User Activity

Here’s how you can implement a line break in your thank-you page text:Steps to Edit the Thank-You PageNavigate to the code editor:In your Shopify admin, go to Online Store > Themes.Find your current theme and click Edit code.Find the appropriate file...
1. Locate the base.css File Go to Online Store > Themes > Actions > Edit code. In the Assets folder, find and open the base.css file.2. Add the CSS Scroll to the bottom of the base.css file (or find an appropriate section if your file is organized by...
It seems like the font you added is not the same as the Google Fonts version of Itim, and that's causing the mismatch. Here's how you can fix this: Use Google Fonts for ItimInstead of manually uploading the font file, you can link the font directly f...
 Correct the @font-face Declaration Update your CSS to correctly reference the font files. Shopify uses the assets folder, so your URL should look like this:@font-face { font-family: "Itim-Regular"; src: url('{{ "Itim-Regular.woff2" | asset_url }}') ...
 Go to your Shopify Admin.Navigate to Online Store > Themes.Click Actions > Edit Code on your desired theme.In the left-hand panel, find Assets and click on base.css (or the appropriate CSS file).Paste the following code into the file:  .card-informa...
 div#Banner-template--21745894785322__f4113d54-eec5-47b7-931c-9b61f5f6cb38 { max-width: 120rem !important; margin: 0 auto; width: unset; } .banner__media.media.banner__media-half { margin: 0 !important; position: relative; min...
You can try this .blog-image { width: 300px; height: 300px; object-fit: cover; margin: 0 auto; }
Go to your Shopify Admin.Navigate to Online Store > Themes.Click Actions > Edit Code on your desired theme.In the left-hand panel, find Assets and click on theme.css (or the appropriate CSS file).Paste the following code into the file: @media (max-wi...
 "You can use the following media query to adjust margins and overflow for #MainContent:@media (min-width: 1400px) { #MainContent { margin-left: 70px; margin-right: 70px; overflow: hidden; } } You can modify the 'min-width: 1400px' value to su...
My Accepted Solutions
This widget could not be displayed.
This widget could not be displayed.
This widget could not be displayed.
This widget could not be displayed.
Helpful From