Quick Fixes — off centre text box, messy hyperlinks, extra spaces.
In this video, I do the following:
identify that a section on the page is out of alignment.
I show how to fix it by centering the block and removing extra space.
I tidy up a long link by turning it into neat, clickable text that opens in a new tab.
I highlight the link by locating it beneath a small heading.
I check the mobile view to make sure everything looks right and remove extra space if needed.
I finish by saving and exiting the editor.
Transcript
0:00 Sometimes you, ah, wanted to add something to your website and, uhm, things just end up looking slightly out of joint.
0:12 You'll see here on this site from Erika Kruger. That she has a fees page. And when I come onto the page to have a look at it.
0:24 There's just something a little off. And I can see already that this, this block is not centered. So there's two things we can do here that are really simple.
0:34 The first is just to drag the block until you see the yellow line in the middle. And then you'll see that it's centered.
0:41 The second thing is that often you'll end up with this extra space which you can get rid of by just dragging that line right up again.
0:49 And then you want to get rid of any extra space at the bottom of the section by dragging this section up. 0:57 Then, I would say instead of including such a long link like this, although it's clear what it is, you can make it neater by just selecting the link and hitting Command-C or copying it over here.
1:15 Uhm, and you can say something like, peace this link. And then you can select that and click the hyperlink button.
1:28 And then paste the URL in there and make sure that open link in uTab is selected. And then that way it's just a lot neater.
1:39 So you might want to call attention to this by making it a small heading. Uhm, and then let's put this on.
1:53 And then the last thing you want to do is check the mobile view, so just come up to the top right and click mobile view and you can see that everything is locked up.
2:09 Sometimes you'll see on the mobile view that there's all this extra space here, so just make sure to drag that up.
2:18 Then click save and exit.