Hello, I am trying to display my product description as full width, without having to get into design time.
I have used the custom liquid section and this code to get my description to show up
# {{ product.description }}
The description shows up great, but it is edge to edge, with no margin.
How do I add a left and right margin to this so the description is better fit for the page?
I am open to other methods of displaying full width descriptions as well
example - https://highdesertsci.com/products/0-9cf-bvv-neocision-lab-certified-vacuum-oven-and-ve
pass: vawnto
@highdesertsci
Placing in the body of the product description and what you want inside a DIV with the appropriate style you can achieve it.
and how it looks on your page. the edge is for you to notice
Introduction
Our vacuum ovens are purpose-built to perform degassing / purging of light hydrocarbon solvents.
.boxes {
margin: 0px 50px 0px 50px;
width: 90%;
border: 3px solid #73AD21;
}
highdesertsci:
Hello, I am trying to display my product description as full width, without having to get into design time.
I have used the custom liquid section and this code to get my description to show up
# {{ product.description }}
The description shows up great, but it is edge to edge, with no margin.
How do I add a left and right margin to this so the description is better fit for the page?
I am open to other methods of displaying full width descriptions as well
example - https://highdesertsci.com/products/0-9cf-bvv-neocision-lab-certified-vacuum-oven-and-ve
pass: vawnto
highdesertsci:
Hello, I am trying to display my product description as full width, without having to get into design time.
I have used the custom liquid section and this code to get my description to show up
# {{ product.description }}
The description shows up great, but it is edge to edge, with no margin.
How do I add a left and right margin to this so the description is better fit for the page?
I am open to other methods of displaying full width descriptions as well
example - https://highdesertsci.com/products/0-9cf-bvv-neocision-lab-certified-vacuum-oven-and-ve
pass: vawnto
@highdesertsci
Replace your code with this:
# {{ product.description }}
Result:
You shouldn’t be adding your description within a
tag though, this can mess up your SEO. Be careful with the modifications you do so it doesn’t negatively impact your website.
Oftentimes investing in a professional developer goes a very long way.
Kind regards,Diego
Thank you for the quick response, this was the fix.
Re: h1/h2, should the code read this way with h2 tag instead of with the h1 tag?
## {{ product.description }}
