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
Hi HRHLash,
Do you have a public URL where we can take a look at what’s going on?
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
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.
Thanks so much Alex! That worked perfectly :-)