• I am using the twenty seventeen WordPress theme. I have a group of text and a picture I want centered on the web page. However, it is to the far left of the paragraph columns below. Any idea what code I could use to do this? Also, on my Testimonials page, is there a way to center the header (Testimonials) to the center of the page? the code for the group of text I want centered is below. Thank you for your help.

    Business and Public Mobile Notary San Diego Specialist!</h3>

    • Prompt
    • Courteous
    • Professional
    • Accurate
    • 15 “5 Star Reviews on Yelp!”?

    Request an Appointment</div>

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi,

    it looks like you are using a page builder, and from the generated CSS it appears that the width for that top row is set to 50%. So most likely you can change that to 100%. Then, wrap the content in a class

    <div class="align-center">
     your content
    </div>

    Alternatively, but less recommended, given the current configuration, the following CSS code will align the first row and make it full width:

    .home .part:first-of-type .container .row:first-of-type .col-md-6 {
    	text-align: center;
    	flex-basis: 100%;
    	max-width: 100%;
    }

    The testimonials page “cannot be found”: https://thesandiegomobilenotary.com/testimonials/

    Thread Starter sandiegonotaryguy

    (@sandiegonotaryguy)

    Hi,
    I went in Appearance/theme editor/Theme Files/CSS/Style.CSS

    Is this the code you are talking about:
    .header-bottom .fa:after {pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ”; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}

    I don’t understand CSS Code.
    thanks, Steve

    Hi Steve,

    rather than having to mess with CSS, to set the row to full width, I assume that there must be a setting in the Page Builder.

    If there isn’t, the css sample I provided should do the trick. You can add this css via wp-dashboard > Appearance > Customizer: Custom CSS

    Thread Starter sandiegonotaryguy

    (@sandiegonotaryguy)

    Thank You

    Thread Starter sandiegonotaryguy

    (@sandiegonotaryguy)

    Thank You ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Page Center group of text’ is closed to new replies.