How to Center Page Title?

Add this custom CSS:

.entry-title {
text-align:center;
}

where do I add it?

or do I just put it anywhere inside of style.css

If your theme has a custom CSS box within the options, then paste it there. If not, then at the very bottom of style.css and add a comment.

oh boy man im sorry to ask but where would that option be? and whats a comment?

If your theme doesn’t have a custom CSS option, install this plugin:

https://www.ads-software.com/plugins/simple-custom-css/

Then add the above code to that new section in your Dashboard.

Also, please read this for future reference:

https://codex.www.ads-software.com/Forum_Welcome#No_Bumping

BTW, modifying theme files is not a good idea – as those changes will be erased when you update the theme.

omg it worked thank you so much! and I will just never update the theme haha! and sorry about bumping my apologies I wasnt aware of the rule

would you happen to know how to add a background? thank you so much for your help

Where do you want the background? If you used that plugin, you’re fine to update – that’s the purpose of using that plugin so you don’t need to modify the theme files.

I want it to be behind the text, and fixed so when you scroll it doesnt move, Im gonna make it so that the background has a white gap in the middle so it doesnt interfere with the text, but you only see it on the sides.

So basically behind the text filling the empty white space

Okay, try adding this:

.site-main {
    background-color: red;
}

#content {
   background-color: white;
   padding: 10px;
}

You can change those backgrounds to what you want – if an image fixed see:

https://www.w3schools.com/cssref/pr_background-attachment.asp

I want it to be an image, so would I do this

.site-main {
background-color: red;
background-image: url(‘w3css.gif’);
background-repeat: no-repeat;
background-attachment: fixed;
}

#content {
background-color: white;
padding: 10px;
}

or would I remove the background color part

Yes, remove the color and you need to use a full URL for the image – upload the image to your media library and then replace w3css.gif with the URL for the image you want to use.

you brilliant bastard thank you so much, now last question and this one is a toughie, how can I make the parts I circled here transparent?

https://i.gyazo.com/bc5a0d83a2d8f50f369e5dd2aae59720.png

I love you man, I wish I could give feedback