Preview and send button

Hello,
When i create new topic then i see "preview" and "send" button shows in the left side of box. How to move this to center of box?

1. In CSS files, find ".frm-buttons".
Explanation:
Preview and Send buttons are within that CSS class, and would look something like this:

Code:

<div class="frm-buttons">
<button>Preview</button>
<button>Send</button>
</div>

You want to find the buttons parent class since then you can make changes to both of them at once.

2. Make .frm-buttons a flexbox and center its content
Between the .frm-buttons' {}, add the following code:

Code:

display: flex;
justify-content: center;

Explanation:
To help center the buttons, we will turn their parent class (.frm-buttons) into a flexbox. I REALLY RECOMMEND YOU LEARN HOW FLEXBOXES WORK, ITS SUPER GOOD KNOWLEDGE, LEARN ALL ABOUT IT HERE)

We turned it into a flexbox by adding "display: flex;". After that we told that box what it should do with its content. By adding "justify-content: center"; we told it to center them.

3. Remove old CSS code that sucks
Remove the following from between the {}

Code:

padding: .7em 0 0 17.5em;

This is poor coding.

Yeah thanka for explanation. Unfortunately, i am using mobile device. Is it possible learning from mobile devices?

The sea wrote:Yeah thanka for explanation. Unfortunately, i am using mobile device. Is it possible learning from mobile devices?

Are you thinking about the game? Yes, that works on mobile devices.

But are you always on a mobile device? No computer at all? If so, you definitely shouldn't use this theme, it's not mobile-friendly at all. You gotta zoom out and everything is tiny

Yeah, i used google chrome. I used classic or pc version from it easily. Here is the pc version too.

Yeah, I get that you can use the PC version, I'm just saying that the PC version is horrible on small screens. Some themes are designed to look good on small screens, but this one is not.

Thanka, i fix this problem. Am learning now but where is this code

Code:

padding: .7em 0 0 17.5em

The sea wrote:Thanka, i fix this problem. Am learning now but where is this code

Code:

padding: .7em 0 0 17.5em

Good!

Strange, I can't find it either! It's somewhere But you can just write padding: 0; and get the same result

@Admin, hmm i will search it