homepage overly left aligned css help

Hello, You Wonderful You!,

My problem is the content shows up all the way to the left and I can’t figure out how to recentre it [at the moment the portfolio is still activated so you can see the difference when you scroll down]. Where is the code for this, and how can I rewrite it please?

Here’s your problem: you have uneven left and right margins on the .services-box class. (NB: you can click to view larger and clearer images)

If I set this margin to 0px or auto, it gets centered properly.

But, as you can see, even though this is centered, it’s not full width. That’s because it’s constrained within the parent entry-content div’s width (900px @1260px min). If you’d like to make it full-width, this CSS Tricks article has various techniques to break out of the parent container’s width and go full width.

Here’s one of the simplest techniques:

width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;  

And here’s the result:

I would also love help with overiding the font controls – the services titles and hyperlinks I wrote in myself show up in very small letters unlike the portfolio titles.

You’ll have to add your own style in Appearance => Customize => Additional CSS

Hope that helps!

Now, what was I doing? Ah, the coffee… my coffee is cold now ??