This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

SiteOrigin Editor – Centering Text on Desktop

Resolved 4 replies generalquestion
HRHLash
7 years ago · Last reply by HRHLash 7 years ago

Hi,

I am trying to centre some text using SiteOrigin Editor widget on one of my pages. It sits left aligned, which I like, however I want the placement of the text to be in the centre of the page. I have tried to select ‘centre’ in the layout area, however this doesnt work. I want the text to remain left aligned, but in the centre of my page rather than left aligned, on the left.

I have tried adjusting the padding and margin which works, however it then doesn’t work on responsive tablet / mobile display.

I also have the issue of my header banner, which contains a text logo, shrinks the text so small when viewing on tablet / mobile.

Any help would be much appreciated!

H

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Alex S Staff 7 years, 8 months ago

    Hi HRHLash,

    Do you have a public URL where we can take a look at what’s going on?

  2. HRHLash 7 years, 8 months ago

    Hi Alex,

    Thanks for getting back to me, sorry for the delay. Yes my site is http://www.hrhlashes.com. The text I am referring to is on the ‘Aftercare’ page.

    I am a bit of a website beginner so don’t judge my CSS attempts! I am still struggling to centre the text so any help is much appreciated.

    Best,
    Hannah

  3. Alex S Staff 7 years, 8 months ago

    Hi Hannah,

    Don’t worry – we will never judge you or your CSS. :)

    This is happening due to theme styling. Basically, your theme is leaving space for your sidebar that, well, doesn’t exist so it doesn’t look right. You’ll need to override your theme styling with some custom CSS to resolve this issue. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add the following CSS:

    .content-area.col-md-9 {
	width: 100%;
}

    You might also need to install the SiteOrigin CSS Editor.

  4. HRHLash 7 years, 7 months ago

    Thanks so much Alex! That worked perfectly :-)

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread