Home page image

Maria901
Excursionist
22 0 2

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.

Maria901_0-1632417884906.png

 - Also, how can I make sure the text is centralized under each image in the picture below:

Maria901_1-1632417998687.png

 

Any help is very much appreciated!

 

Thanks in advance

 

Giulio

 

0 Likes
JHKCreate
Shopify Partner
2811 480 686

Hi @Maria901 

Would you mind sharing your store's URL so we can have a look at that and provide the relevant solutions?

Cheers!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
- Learn more about us: jhkcreate.com

0 Likes
Maria901
Excursionist
22 0 2
Denishamakwana
Explorer
89 13 13

Please add below code in bottom of asets/theme.css file

Ans 1:

@media only screen and (min-width: 750px)
.hero--small {
          height: 100vh;
0 Likes

@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

◦ Slideshow section not looking good or cutting off? Try the Slideshow (PRO) section. No apps required.
◦ Replace apps with copy/paste code snippets. Examples here.
◦ In need of coding help? I'm available for hire! ezfycode@gmail.com
0 Likes
Maria901
Excursionist
22 0 2

Hi ,

I added the codes as per your message below, but both solutions are not working. 

Best,

Giulio

0 Likes
Maria901
Excursionist
22 0 2

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):

Maria901_0-1632478130424.png

Do you know if it is possible to do the same on my home page?

Best,

Giulio

 

0 Likes

@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

◦ Slideshow section not looking good or cutting off? Try the Slideshow (PRO) section. No apps required.
◦ Replace apps with copy/paste code snippets. Examples here.
◦ In need of coding help? I'm available for hire! ezfycode@gmail.com
0 Likes