Widen pictures on a classic page

Solved
Highlighted
Excursionist
47 0 4

Hi, using Prestige template I would need to display pictures on a full page, just for one page:

 

https://www.oneoffedition.com/pages/design-service

password: IDD

As you can see we can't see details on picture, could I use the full width of the page? Thanks, Vincent

0 Likes
Highlighted
Shopify Partner
607 89 130

Make a different page for it and copy the code from the existing page and paste in new file and remove selected classes which are in below image

paramSoft_0-1603256720227.png

 

If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
0 Likes
Highlighted
Excursionist
47 0 4

Hi, 

Thanks for your answer. But I don't understand how can I remove it from my page code. Here is the code:

<div class="textlayer" style="text-align: left;">
<p>Whether you are starting from scratch or just need to replace a piece in your already furnished interior, selecting the most suitable style, color, function, size, or vibe for your space can be challenging.</p>
<p>One Off Edition has partnered with professional interior designers specialized in residential design to make your selection process smoother and enjoyable. Each of them can provide services ranging from furnished room layouts &amp; mood-boards to photo-realistic room simulations to help you visualize your selection in your own space.</p>
<p>One Off Edition offers you free of charge*:</p>
<ul>
<li>One 20-min phone consultation with one of our talented interior designers so that you may get to know them and they can familiarize themselves with your project and tastes.</li>
<li>One 2D room layout of your selections.</li>
</ul>
<p><em>*Offer valid until December 31st 2020 and limited to one consultation and 2D room layout per address and client. Only applicable to pieces sold on One Off Edition. Consult our team for our rates on additional design services.</em></p>
<table width="100%">
<tbody>
<tr>
<td> </td>
</tr>
</tbody>
</table>
<p>2D ROOM LAYOUT                                                                       MOODBOARD </p>
<table width="100%">
<tbody>
<tr>
<td style="width: 254px;"><img src="https://cdn.shopify.com/s/files/1/0331/5109/0820/files/Unit_floor_plan_resize.jpg?v=1603189181" style="float: none;" /></td>
<td style="width: 265.333px;"><img src="https://cdn.shopify.com/s/files/1/0331/5109/0820/files/Lounge_GG_E_resize.jpg?v=1603189187" style="float: none;" /></td>
</tr>
</tbody>
</table>
<div class="textlayer"></div>
<p> </p>
</div>
<section class="pdf_page" aria-label="Page 2">
<div class="textlayer" style="text-align: start;">
<p> PHOTO REALISTIC ROOM SIMULATIONS (HAENDEL)</p>
<p><img src="https://cdn.shopify.com/s/files/1/0331/5109/0820/files/Vincent_Scene_01_Corona_01_2048px.jpg?v=16032..." style="float: none;" /></p>
<p> </p>
</div>
</section>

0 Likes
Highlighted
Excursionist
47 0 4

Hi,

 

I succeed, following this page: https://docs.theshoppad.com/article/356-enable-full-width-pages

But this time this is too much! https://www.oneoffedition.com/pages/copy-of-design-service

I really need to have it wider, but not in full page like it. How could I do that? I tried so play on "margin=0" on "Edit code". I tried with "margin=10" but no change.

Could you help me on that?

 

0 Likes
Highlighted
Shopify Partner
607 89 130
.studioengine  {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0px 11px;
}
If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
0 Likes
Highlighted
Excursionist
47 0 4

Where do I add that? On the new template page? On the new Layout?

0 Likes
Highlighted
Shopify Partner
607 89 130

This is an accepted solution.

it is better to add at the end of theme.scss

If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
0 Likes
Highlighted
Excursionist
47 0 4

But this will impact all of my pages, won't it? I really need this on this page and only this page

0 Likes
Highlighted
Shopify Partner
607 89 130

Then on that page, please put this code between <style> put code here </style>

If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
0 Likes
Highlighted
Excursionist
47 0 4

Thank you, it works perfectly!

0 Likes