Spacing between blocks in the site template
How can I increase the distance between the Add to cart button and neighboring blocks Qty. product and Wishlist and Compare in site template? As an example
Original question is available on version: ru
Answers:
Hello. And where did the second screenshot screenshot_2.png come from?
18.12.2020, 11:09
Original comment available on version: ru
Derkach Dmytriy
Employee wrote:
Hello. And where did the second screenshot screenshot_2.png come from?
Screenshot taken from https://knz.market/aclima-work-warm-longs-black-l-black-424033001-06/
This site was given to me as an example by the sales department specialist Alina Kislukha when buying a template, how you can customize it. And now I want to set up my template like this.
18.12.2020, 11:26
Original comment available on version: ru
In the above example, a piece of css code is inserted to form indents. You can do the same. Output the code insertion block and paste it into it
<style>
.buy-block .buttons-block a {
margin: 0 10px 10px 0;
}
</style>
<style>
.buy-block .buttons-block a {
margin: 0 10px 10px 0;
}
</style>
18.12.2020, 12:11
Original comment available on version: ru
Derkach Dmytriy
Employee wrote:
In the above example, a piece of css code is inserted to form indents. You can do the same. Output the code insertion block and paste it into it
<style>
.buy-block .buttons-block a {
margin: 0 10px 10px 0;
}
</style>
What file is this piece of code in?
And will it fly off when updating the system?
18.12.2020, 12:27
Вячеслав Легеза
Original comment available on version: ru
Legeza Vyacheslav Valerianovich
FOP Legeza Vyacheslav Valerianovich wrote:
Derkach Dmytriy
Employee wrote:
In the above example, a piece of css code is inserted to form indents. You can do the same. Output the code insertion block and paste it into it
<style>
.buy-block .buttons-block a {
margin: 0 10px 10px 0;
}
</style>
What file is this piece of code in?
And will it fly off when updating the system?
Also interested.
18.12.2020, 12:33
Original comment available on version: ru
Derkach Dmytriy
Employee wrote:
In the above example, a piece of css code is inserted to form indents. You can do the same. Output the code insertion block and paste it into it
<style>
.buy-block .buttons-block a {
margin: 0 10px 10px 0;
}
</style>
I did not find such an opportunity in the template in the product card.
https://prnt.sc/w5akty
18.12.2020, 12:42
Original comment available on version: ru
Gorbach Vitaly
Client wrote:
Derkach Dmytriy
Employee wrote:
In the above example, a piece of css code is inserted to form indents. You can do the same. Output the code insertion block and paste it into it
<style>
.buy-block .buttons-block a {
margin: 0 10px 10px 0;
}
</style>
I did not find such an opportunity in the template in the product card.
https://prnt.sc/w5akty
Use this block
Won't crash on update
18.12.2020, 12:58
Original comment available on version: ru
Derkach Dmytriy
Employee wrote:
Use this block
Does not work.
Displayed the script block in the product card https://prnt.sc/w5bpvc added the code https://prnt.sc/w5bqaf no indents https://prnt.sc/w5bqp7
18.12.2020, 13:32
Original comment available on version: ru
Gorbach Vitaly
Client wrote:
Derkach Dmytriy
Employee wrote:
Use this block
Does not work.
Displayed the script block in the product card https://prnt.sc/w5bpvc added the code https://prnt.sc/w5bqaf no indents https://prnt.sc/w5bqp7
Add !important to make it look like this:
<style>
.buy-block .buttons-block a {
margin: 0 10px 10px 0 !important;
}
</style>
this way you can style any elements
18.12.2020, 14:09
Original comment available on version: ru
Derkach Dmytriy
Employee wrote:
Gorbach Vitaly
Client wrote:
Derkach Dmytriy
Employee wrote:
Use this block
Does not work.
Displayed the script block in the product card https://prnt.sc/w5bpvc added the code https://prnt.sc/w5bqaf no indents https://prnt.sc/w5bqp7
Add !important to make it look like this:
<style>
.buy-block .buttons-block a {
margin: 0 10px 10px 0 !important;
}
</style>
this way you can style any elements
Added. https://prnt.sc/w5cqr6
Does not work. There are no retreats. https://prnt.sc/w5crnz
18.12.2020, 14:16
Original comment available on version: ru
Gorbach Vitaly
Client wrote:
Derkach Dmytriy
Employee wrote:
Gorbach Vitaly
Client wrote:
Derkach Dmytriy
Employee wrote:
Use this block
Does not work.
Displayed the script block in the product card https://prnt.sc/w5bpvc added the code https://prnt.sc/w5bqaf no indents https://prnt.sc/w5bqp7
Add !important to make it look like this:
<style>
.buy-block .buttons-block a {
margin: 0 10px 10px 0 !important;
}
</style>
this way you can style any elements
Added. https://prnt.sc/w5cqr6
Does not work. There are no retreats. https://prnt.sc/w5crnz
Substitute values in margin. There are 4 values, they mean top right bottom left out of the way
For example, if an element is given margin: 15px 25px 30px 45px, then it will have such margins
top - 15px, right 25px, bottom 30px, left 45px
18.12.2020, 14:27
Original comment available on version: ru
Please join the conversation. If you have something to say - please write a comment. You will need a mobile phone and an SMS code for identification to enter.
Log in and comment
Copyright © OneBox 2024
