Comments 1jutaspiza started the conversationAugust 23, 2023 at 2:05pmHi, i would like to have padding left and right something like 5px on each side. But i cant do that.Where can i change that option?I tried custom css, but it does not work. 279Noah repliedAugust 23, 2023 at 2:12pmHi there,Could you give us a bit more context? If you mean on the page you linked then use this CSS to add 5px padding on sides of that specific page: @media only screen and (max-width: 690px){ .woocommerce.archive #ajax-content-wrap .container-wrap { padding-left: 5px; padding-right:5px; } }add it to salient \ general settings - css script related - custom css code. Clarify if that is not what you mean.Thanks. 1jutaspiza repliedAugust 23, 2023 at 2:53pmSorry, you are right, i was thinking on that page : https://www.staging8.jutaspiza.hr/trgovina/ - woocommerce shop.I have added your css, but it does not make any difference, it stays the same. 279Noah repliedAugust 23, 2023 at 3:03pmHi there,Increase the 5px values to maybe 50 or 100 and see if its enough for you.Cheers. 1jutaspiza repliedAugust 23, 2023 at 3:17pmI want to decrease the padding, not increase it. If i add 50px in your css, it moves 50px left and right, but if i put it on 1px left and right, it stays on original settings. Attached files: leftright-padding.jpg 1jutaspiza repliedAugust 23, 2023 at 3:25pmfound solution on another ticket, this helps me : @media only screen and (max-width: 690px) { .container, .orbit-wrapper .slider-nav, .post-area.standard-minimal.full-width-content .post .inner-wrap { max-width: 95% !important; }}1 Like 3,001Andrew repliedAugust 23, 2023 at 3:42pmHello again,We're glad you were able to figure this out. Do reach out if you have any other queries.Best regards, Sign in to reply ...
Hi, i would like to have padding left and right something like 5px on each side. But i cant do that.
Where can i change that option?
I tried custom css, but it does not work.
Hi there,
Could you give us a bit more context? If you mean on the page you linked then use this CSS to add 5px padding on sides of that specific page:
@media only screen and (max-width: 690px){ .woocommerce.archive #ajax-content-wrap .container-wrap { padding-left: 5px; padding-right:5px; } }add it to salient \ general settings - css script related - custom css code.
Clarify if that is not what you mean.
Thanks.
Sorry, you are right, i was thinking on that page : https://www.staging8.jutaspiza.hr/trgovina/ - woocommerce shop.
I have added your css, but it does not make any difference, it stays the same.
Hi there,
Increase the 5px values to maybe 50 or 100 and see if its enough for you.
Cheers.
I want to decrease the padding, not increase it.
If i add 50px in your css, it moves 50px left and right, but if i put it on 1px left and right, it stays on original settings.
Attached files: leftright-padding.jpg
found solution on another ticket, this helps me :
@media only screen and (max-width: 690px) {
.container, .orbit-wrapper .slider-nav, .post-area.standard-minimal.full-width-content .post .inner-wrap {
max-width: 95% !important;
}
}
Hello again,
We're glad you were able to figure this out. Do reach out if you have any other queries.
Best regards,