Sela theme

afinocchiarophoto · Member · Feb 12, 2017 at 1:26 pm
Copy link

Add topic to favorites
When I select centered formatting for text, it doesn’t appear centered on the website. Is there a way to get this centered?

http://wp.me/P2QHo3-1LI
http://wp.me/P2QHo3-1Mg

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Feb 13, 2017 at 7:24 pm
Copy link
Hi there, on your Sessions page, left alignment has been set in the page editor directly. You will need to open that page in the editor, select all the text in that page, and then apply center alignment.

For your contact page, add the following CSS to center align everything.
```
.page-id-6836 #post-6836 .entry-content h3 {
	text-align: center !important;
}
.page-id-6836 .content-wrapper {
	padding-left: 0;
}
.page-id-6836 .content-wrapper .content-area {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
```
afinocchiarophoto · Member · Feb 13, 2017 at 8:50 pm
Copy link
Thank you for all your help!

I applied center alignment to the about page but it still does not look centered. Does it look centered on your end?
thesacredpath · Member · Feb 14, 2017 at 2:18 am
Copy link
Hi there, yes I’m seeing the text on your about page centered within the content area. The content area though has a left margin and then is floated to the left. We can change that with the following custom CSS.
```
.content-wrapper.with-featured-image {
	margin-left: 0;
}
.content-wrapper .content-area {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
```
afinocchiarophoto · Member · Feb 14, 2017 at 2:57 am
Copy link
Ah, that’s great! Thank you!

For my blog posts (the latest), can I hide the dates?
thesacredpath · Member · Feb 14, 2017 at 6:47 pm
Copy link
Hooray, and you are welcome.

For the entry date on posts, we can hide that with the following.
```
.entry-meta {
	display: none;
}
.entry-body {
	padding-left: 0;
}
.entry-header {
	margin-left: 0 !important;
}
```
afinocchiarophoto · Member · Feb 15, 2017 at 8:21 pm
Copy link
Hi!

Can I add some space between featured image and text?

Contact
thesacredpath · Member · Feb 16, 2017 at 6:04 pm
Copy link
Yes, you can add the following and increase the existing 2em padding.
```
.content-wrapper.with-featured-image {
	padding-top: 2em;
}
```
afinocchiarophoto · Member · Feb 17, 2017 at 8:25 am
Copy link
Thank you!!

Third Footer Widget Area – Can I move that text up to be centered with other widget?
thesacredpath · Member · Feb 17, 2017 at 8:42 pm
Copy link
You have this rule in your CSS which puts padding on the top of your contact form. Remove this from your custom CSS and see if that gets you what you are wanting.
```
#text-2 {
    padding-top: 37%;
}
```
afinocchiarophoto · Member · Feb 17, 2017 at 8:46 pm
Copy link
You are so good!!!!!
thesacredpath · Member · Feb 17, 2017 at 8:57 pm
Copy link
Well thank you. :)
afinocchiarophoto · Member · Feb 20, 2017 at 9:37 am
Copy link
Hi@thesacredpath, can I get “contact”page content centered? I know I you fixed this at one point but I must have mixed some things up. My bad!
thesacredpath · Member · Feb 20, 2017 at 7:09 pm
Copy link
Hi there, I visited your contact page and see the contact form centered. Did you get this fixed?
afinocchiarophoto · Member · Feb 21, 2017 at 7:32 am
Copy link
It looks like it’s leaning to the left but maybe it’s just me! Glad you’re seeing it centered.
thesacredpath · Member · Feb 21, 2017 at 8:23 pm
Copy link
Oh, after reading your latest post, I took a look and it appears there is some right padding on the content wrapper div. Add the following, which specifically targets your contact page and splits the right padding and puts half on left and right so things are centered.
```
.page-id-6836 .content-wrapper {
	padding-left: 30px;
	padding-right: 30px;
}
```

No items found.