Aligning text blocks

carlajuniper · Member · Oct 28, 2014 at 11:46 pm
Copy link

Add topic to favorites
Hello. On my ‘Blog’ page, I’ve used positioning to move the excerpt blog text so it lines up under the centred heading and feature picture, because it looked odd starting to the left. However, this now means tablet and mobile users have to scroll. How can I make it so the ‘invisible box’ the excerpt fills always spans the same width as the featured pictures?

Also, on the Prices page I find the copy looks too wide. Is there any way I can reduce the text area so it’s only 700px wide or so, either left or centre aligned, but so it works on tablet and mobile devices too?

Thanks.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Oct 29, 2014 at 12:27 am
Copy link
Since Sketch is a responsive width theme, typically you will use either percentage widths, or max-widths so that the content can flow and change for smaller screens. In your custom CSS, locate
.wf-active .entry-content
and change the “width” to “max-width” and all should be good to go.
carlajuniper · Member · Oct 29, 2014 at 10:17 pm
Copy link
Amazing, thank you. On the Prices page, how can I centre this whole block? Text-align obviously just centres the text…
carlajuniper · Member · Oct 29, 2014 at 11:17 pm
Copy link
Also, is there a way to make it so this code only applies to the Prices page, and not all the other pages/projects?
thesacredpath · Member · Oct 30, 2014 at 1:13 am
Copy link
Hi there, on centering the content on the Prices page only, add the following CSS, which specifically targets that particular page by the unique page body class.
```
.page-id-590 .entry-content {
    margin-left: auto;
    margin-right: auto;
}
```
carlajuniper · Member · Oct 30, 2014 at 2:42 pm
Copy link
Thank you!
thesacredpath · Member · Oct 30, 2014 at 3:09 pm
Copy link
You are welcome.

No items found.