html/css not showing centered on page

Hi,

Adding the text-align: center; is working well.

can you please try:

.s01container {
  height: 300px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  max-width: 1200px;
  margin: 0 auto;
}

Hi Abhishek,

Thank you for the quick reply.

I tried adding text-align: center; but it’s not working. You can see the page with the added css here: https://oceanwp2.pleskwp.tk/test6/

Also, .s01container is a container for the first section, the entire page is on the left.

edit: I put the h1s in divs and it is working now. However I don’t understand because the services are in separate divs but still not centered.

edit 02: I added margin: 0 auto; to the services and everything is centered now ?? Btw, does oceanwp use any css framework other than flex? Thanks!

edit 03: Last questions I promise! What is the best way to design pages without a pagebuilder? Do I just insert html/css in the text field of the page? Or should I create page templates in php/style.css and use them for various pages? And how to create page templates for child theme? I tried with page.php and templates/landing page php, but got a critical error.

Thank you in advance for any and all help.

yours sincerely,

Nick

• This reply was modified 4 years, 5 months ago by birdbrainsolutions.
• This reply was modified 4 years, 5 months ago by birdbrainsolutions.
• This reply was modified 4 years, 5 months ago by birdbrainsolutions.
• This reply was modified 4 years, 5 months ago by birdbrainsolutions.
• This reply was modified 4 years, 5 months ago by birdbrainsolutions.

HI,

edit 02: I guess no.
edit 03: You can use Gutenberg or use a child theme to design the page as per your need if you don’t want to use the page builder. You can simply override the template copying into the child theme from the parent theme following the same path.