Shopify themes, liquid, logos, and UX
Hi all,
I am working on a website with Debut theme and I would like to improve a little bit the look and feel of the website.
- It would be great to know how I can make the image below bigger so that it covers the whole page from the top.
- Also, how can I make sure the text is centralized under each image in the picture below:
Any help is very much appreciated!
Thanks in advance 🙂
Giulio
Hi @Maria901
Would you mind sharing your store's URL so we can have a look at that and provide the relevant solutions?
Cheers!
Please add below code in bottom of asets/theme.css file
Ans 1:
Hi Denishamakwana,
I added the codes as per your message below, but both solutions are not working.
Best,
Giulio
@Maria901, do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
.grid .grid__item h3[class]{
text-align: center !important
}
.grid .grid__item h3[class] + [class*='rte']{
text-align: center !important;
}
.hero{
height: 100vh !important;
}
Kind regards,
Diego
Hi Diego,
Thanks for your message. The text centralization worked.
Regarding my first question abut the image, what I would like to do is to have the image starting from the top of the screen (please see the screenshot below as an example):
Do you know if it is possible to do the same on my home page?
Best,
Giulio
@Maria901
Although doable, that would be more of a complex task.
The header would need to have a fixed position to be on top of the banner and many other aspects of the navigation would have to be considered and tested too - adding some code may make it look ok on the homepage but then it's off on different pages. Hopefully someone around will be kind enough to get that coded in for you, though the fastest/safest route would be either acquiring a theme that comes with that behavior out of the box or hiring a dev to help you out.
Kind regards,
Diego
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024