You are not connected. Please login or register

Preview and send button

Anonymous

Guest

Guest

PostGuest Wed Feb 23, 2022 2:04 pm

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?
Administrator
Administrator
Administrator
Posts : 126
Points : 143
Reputation : 14
Join date : 2022-02-13
View user profile https://movie.goodforum.net

PostAdministrator Wed Feb 23, 2022 2:14 pm

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.
Anonymous

Guest

Guest

PostGuest Wed Feb 23, 2022 2:18 pm

Yeah thanka for explanation. Unfortunately, i am using mobile device. Is it possible learning from mobile devices?
Administrator
Administrator
Administrator
Posts : 126
Points : 143
Reputation : 14
Join date : 2022-02-13
View user profile https://movie.goodforum.net

PostAdministrator Wed Feb 23, 2022 2:19 pm

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 Shocked
Anonymous

Guest

Guest

PostGuest Wed Feb 23, 2022 2:30 pm

Yeah, i used google chrome. I used classic or pc version from it easily. Here is the pc version too.
Administrator
Administrator
Administrator
Posts : 126
Points : 143
Reputation : 14
Join date : 2022-02-13
View user profile https://movie.goodforum.net

PostAdministrator Wed Feb 23, 2022 2:33 pm

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.
Anonymous

Guest

Guest

PostGuest Wed Feb 23, 2022 2:38 pm

Thanka, i fix this problem. Am learning now😍 but where is this code
Code:
padding: .7em 0 0 17.5em
Administrator
Administrator
Administrator
Posts : 126
Points : 143
Reputation : 14
Join date : 2022-02-13
View user profile https://movie.goodforum.net

PostAdministrator Wed Feb 23, 2022 2:43 pm

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 Shocked But you can just write padding: 0; and get the same result Smile
Anonymous

Guest

Guest

PostGuest Wed Feb 23, 2022 2:47 pm

@Admin, hmm i will search it

Sponsored content

PostSponsored content

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

 
Permissions in this forum:
You cannot reply to topics in this forum