Formatting on my website

Just a wild guess, but I would look for width tags in the content. I’ve experienced the same thing, but I don’t remember exactly what caused it or what I did to fix it.

Look at the width of the black frame and the images AND any border or padding values you have. If the total width of the big black frame and what should be the right sidebar exceeds the overall available width, the content will wrap.

Hi Dave,
I am just a beginner at coding so I think that is where the problem started. I was trying to change the style.css when I should have been using custom styles.

Looking for width tags is a little beyond my expertise. I don’t know where to go to do this.

Can you guide me?

Thanks,
Marten

Let me make a suggestion – don’t mess with ANY of the underlying coding, PHP or css unless two conditions are met:

1. know what you are doing and,
2. you’ve made a backup (or copy) of what you are going to play with. What I do is copy ALL the code and paste it into a text editor.
I know what I know and I know what I don’t know and I stay away from what I don’t know.

If you are using a theme you got from somewhere, you can reinstall it. Keep in mind that in WordPress, the content is stored in a database and will not be affected by a reinstall of the theme.

If you have a copy on your computer, you can FTP style.css file without doing anything else and that should get you back to your starting point.

Sigh……
I have tried to delete the theme Suffusion. Reinstall the theme. FTP delete the theme reinstall the Suffusion theme. It changes nothing.

I don’t know what to do. I have tried everything that I know.

Marten

When you posted on the theme’s support forum a volunteer advised you to balance your tags: https://aquoid.com/forum/viewtopic.php?f=4&t=8496#p34830. Did you try that? More often than not, messed up sidebar alignment is due to unbalanced tags from the user.

At this point your site is completely inaccessible – I get a white screen.

Hi,
I tried to delete Suffusion and start over. That didn’t work. I just reinstalled it. The screen isn’t white now.

I don’t know how to balance my tags.

Marten

I don’t know how to balance my tags.

The support forum topic does tell you what to do, doesn’t it? To quote:

This kind of look is most often the result of mark-up breakage. By checking your site at https://validator.w3.org you will see more errors in mark-up, you can try to solve all of them. But the most obvious is in the “Raptor Education” widget where you close an <h1> tag with a </p>:
<h1 style=”text-align: center;”><span style=”color: #993333;”>CRWN brings Raptors to your event for fun educational experiences.</span></p>.

Probably if you solve this issue, your site come back to normal.

OK, here is the issue. You seem to have mixed up the width settings. E.g. the wrapper width seems to have been specified without units (1000 instead of 1000px). That will definitely cause issues.

Try resetting the widths of your 1 Right Sidebar layout to the defaults.

Marten,

Balancing the tags simply means that (with VERY FEW exceptions), if there is an open tag, there must be a close tag. If you have an open paragraph tag <strong><p></strong> tag you need a close paragraph <strong></p></strong> tag. In Sayontan’s example, you are missing the close H1 tag <strong></h1></strong>.

Tags like a line break <strong><br></strong> don’t have a close, so they are written as <strong><br /></strong>.

And, the tags MUST be balanced. By that I mean if you have a some content that you want both bold and in H1 size, whichever opening tag comes first, is the last to close – ex: <b><h1>something</h1></b>. If you switch the order of just the open and not the close, it will probably cause an issue.

Hope this helps.

Dave

Okay Gentleman,
I understand now. Thank you very much for your expertise. That was very helpful.

It is very much appreciated.

Marten

Now you do something good for someone else.

I will gladly assist anyone on an issue If I have the expertise to do so.

Thank you,
Marten