Overslaan naar inhoud
Menu
Je moet geregistreerd zijn om te kunnen communiceren met de community.
Deze vraag is gerapporteerd
2699 Weergaven

I'm trying to make a nicer-looking eCommerce page for products by adding the product image at the top and stretching it to take up the full width of the screen when you land.


Unfortunately, I can change the padding and other styles on the image, but I cannot change the size. I don't know why this is, can anyone help me? My code is pasted below.


Note: I'm editing the code via the XML & SCSS editor in the customize tab.

< htmlData>

< ![CDATA[

< html>

< head>

< style>

.container {

width: 100%;

}

.container img {


# This change applies

padding: 20px;


# This change does not apply

width: 100% !important;

}

< /style>

< /head>

< body>


# This is the image container

< div class="container">

]]> 

< /htmlData>


# This is normal XML now, calling the product image

< img>

< t t-call="website_sale.shop_product_carousel"/>

< /img>


# Closing the tags and continuing the html

< htmlData>

< [!CDATA[

< /div>


...




I can provide screenshots as needed. Any help would be very appreciated! I have no previous knowledge of XML, so this is a bit tricky for me.Thanks
Avatar
Annuleer
Gerelateerde posts Antwoorden Weergaven Activiteit
2
okt. 20
5213
0
mrt. 15
4190
1
jun. 25
2976
0
dec. 24
51
0
dec. 23
1482