Issue [Solved] Edit the Top and the Bottom

Hi,

The active theme CSS codes should be changed. Please watch this video:  https://monosnap.com/file/e5PGqhEdJmPDdUQfYPnYAtaR3XYGsQ

The CSS codes are provided below: 

.comments-area {
       padding: 0px 60px;
}

#comments{
       margin: 10px auto;
}

Put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again.

The red-marked value can be changed as you like.

Very good, fast, clean support and very nice done. 

I fixed the top, with your help but somehow the bottom still has some big spaces. 🤯 

@filme-fan,

It'd be better if you contact theme support with this question. As you may see the divs with the "content right" and "sidebar right" classes are aligned (that's why you see the space) so here is a bit harder to provide a CSS solution. 

Video: https://monosnap.com/file/VFxucjKm3FnrMVGbVn0F9IMmNGVMusa

You right bro, i will find it in the theme CSS. Need some time to find it but will work. Ty very much for your time and your help. ❤️ 

@asti Hi Bro, again

I have fixed both of issues until now, thanks to you.

I got a last problem, on the mobile version there are no margins or paddings, i attached a screen to see. Do you know any fast fix to add [adding for mobile version to comment?

Thank you very much . 

@filme-fan,

Please adjust the padding value for the div using the #single .content .sbox selector. Additionally, consider writing a CSS rule specifically for mobile devices. More info here: https://www.w3schools.com/css/css_rwd_mediaqueries.asp

You can find guidance in this video: https://monosnap.com/file/69z6JJf8JKTZe1vWTOi6mpScOJQyPq

Thank you very much bro for the tip, now let see how i fix it.  ❤️ 

@filme-fan,

We're going to mark this thread as resolved. Feel free to open a new topic if you have further questions.