Re: Empty space on prestige theme product page

Solved

Empty space on prestige theme product page

AmirOoo
Tourist
12 0 7
Accepted Solution (1)

GavinChan
Shopify Partner
49 4 8

This is an accepted solution.

Hi @AmirOoo ,

 

1. Go to online theme -> edit code -> Asset -> theme.css

2. add the following code snippet to the end of file

.ProductMeta__Description, .ProductMeta__Text {
    margin: 24px 0;
    text-align: left;
    margin-top: 0px; // add this line
}

.Rte img, .Rte blockquote, .Rte .VideoWrapper, .Rte .Form {
    margin-top: 2.4em;
    margin-bottom: 2.4em;
    margin: 0; // add this line
}

.Rte p:not(:last-child), .Rte ul:not(:last-child), .Rte ol:not(:last-child) {
    margin-bottom: 1.6em;
    margin-bottom: 0px; // add this line
}

3. there is an empty div element, the first child element of <div class="Rte">, but you need to delete it in one liquid file. I do not install prestige theme and have no idea about project structure.

 

It should look like 

Snipaste_2022-01-22_17-11-55.png

 

 

Hope it works.

 

If helpful, pls accept the solution and like it.

 

Gavin Chan - Full Stack Web Developer & Shopify Partner
- If helpful then please Like and Accept the Solution
- Want to build a Shopify store, fix Shopify bugs, or speed optimization, Hire Me
- Feel free to contact me on hello@gavinchan.me

View solution in original post

Replies 3 (3)

Zworthkey
Shopify Partner
5581 641 1582

Zworthkey_0-1642839851826.png

@AmirOoo 
There is no images, i can't see images. and your Site speed is too low. it takes time to reload.

GavinChan
Shopify Partner
49 4 8

This is an accepted solution.

Hi @AmirOoo ,

 

1. Go to online theme -> edit code -> Asset -> theme.css

2. add the following code snippet to the end of file

.ProductMeta__Description, .ProductMeta__Text {
    margin: 24px 0;
    text-align: left;
    margin-top: 0px; // add this line
}

.Rte img, .Rte blockquote, .Rte .VideoWrapper, .Rte .Form {
    margin-top: 2.4em;
    margin-bottom: 2.4em;
    margin: 0; // add this line
}

.Rte p:not(:last-child), .Rte ul:not(:last-child), .Rte ol:not(:last-child) {
    margin-bottom: 1.6em;
    margin-bottom: 0px; // add this line
}

3. there is an empty div element, the first child element of <div class="Rte">, but you need to delete it in one liquid file. I do not install prestige theme and have no idea about project structure.

 

It should look like 

Snipaste_2022-01-22_17-11-55.png

 

 

Hope it works.

 

If helpful, pls accept the solution and like it.

 

Gavin Chan - Full Stack Web Developer & Shopify Partner
- If helpful then please Like and Accept the Solution
- Want to build a Shopify store, fix Shopify bugs, or speed optimization, Hire Me
- Feel free to contact me on hello@gavinchan.me
AmirOoo
Tourist
12 0 7

Great, thank you.