Centering all info in Promenade theme

tvscshop · Member · Oct 3, 2014 at 10:41 pm
Copy link

Add topic to favorites
Hi.

I am using the Promenade Theme for an e-commerce site. I want to centre all of the titles/media/text on all of my pages (it is currently all towards the left of the page with a large gap to the right). I am not familiar with CSS or HTML I’m afraid. Is there anyway I can do this without them?

Thanks

The blog I need help with is: (visible only to logged in users)
hallluke · Member · Oct 4, 2014 at 8:15 am
Copy link
If you want your pages to become wider to fill that space then try adding this code the text area in Appearance > Customize > CSS:
```
.page-template-default .site-content-inside {
  padding-right:0;
}
```
If you want to retain the width but have the content appear centred then use this instead:
```
.page-template-default .site-content-inside {
  padding-right:10.5em;
  padding-left:10.5em;
}
```
Let me know if you run into any problems.
tvscshop · Member · Oct 4, 2014 at 10:45 am
Copy link
Hi. When i put it into the text editor it is just showing as text on the published page. Where do I need to put the shortcode in the ‘text’ editor? Should I be putting the rest of the content somewhere within the shortcode?

Thanks
tvscshop · Member · Oct 4, 2014 at 10:57 am
Copy link
Hi, sorry I didn’t see that I was supposed to be doing it in the CSS area. Ive done it now, its worked great, thanks!

Can I centre the title of the pages too?

Thanks
thesacredpath · Member · Oct 7, 2014 at 1:55 am
Copy link
Hi there, to center page titles, such as on your about page, add the following CSS:
```
.layout-page-header .page-fence {
    text-align: center;
}
.layout-page-header .entry-header .entry-title {
    float: none;
}
```

No items found.