Fix width and spacing on Home Page

Posted in : Readme
wiobyrne
Participant
19 June 2015 at 22:40
#23085

Hi, first of all, I love the theme. It’s been a learning curve for me…but thanks for the work and the support materials.

On my home page (http://wiobyrne.com/), I haven’t been able figure out how to the get the items under “Current Research Interests” to line up in a row across the page.

I’d also like to have the posts under “Recent from the blog” to center under that subtitle…but can’t figure it out.

Finally, the lines underneath “Current Research Interests” and “Recent from the blog”…I’m not sure if those were too long. It seems like on the demo site (, they only extend http://themes.pixelwars.org/?theme=readme-wp) as far as the table will reach.

Thanks in advance.
-Ian

Mehmet S.
Keymaster
22 June 2015 at 00:24
#23140

Hi, use grid shortcodes (row, column) to divide your content into columns and select default template for your page from page attributes box in the editing screen.

Thanks

wiobyrne
Participant
2 July 2015 at 22:04
#23430

Hi, finally figured out the row and column shortcodes. Thanks for the support.

Looking at the page (http://wiobyrne.com/) it appears that I have extra padding from the section header to my new grid…and beneath the grid. Is there an easy way to tighten that up?

Also, how do I adjust the spacing on the “Latest from the blog” links on the bottom of that same page? On your Live Preview (http://themes.pixelwars.org/?theme=readme-wp) it spreads out nicely under the section head. You also have the lines separating each of the posts…how do I add that in?

Thanks again for the great service.
-Ian

Mehmet S.
Keymaster
4 July 2015 at 17:56
#23467

Put the LATEST FROM THE BLOG outside of the grid.

wiobyrne
Participant
8 July 2015 at 21:52
#23557

Hi, I already have LATEST FROM THE BLOG outside of the grid.

I pasted in below the content that I have for the page. How can I remove the padding on the section header…and how can I adjust that spacing on the bottom? What am I doing incorrectly?

___________________________________________
[intro image=”https://c2.staticflickr.com/8/7322/15928928423_e401b37f87_o.jpg”%5DHello. I am [rotate_words titles=”an educator., a researcher., a maker.”]

I write about literacy, technology, and education.
[/intro]

Visit the blog

[section_title align=”center” text=”Current Research Interests”][row]

[column width="3"][fun_fact icon=”pencil-alt” icon_url=”” text=”Online Content Construction” text_url=””][/column]

[column width="3"][fun_fact icon=”eye” icon_url=”” text=”Online Reading Comprehension” text_url=””][/column]

[column width="3"][fun_fact icon=”network” icon_url=”” text=”Connected Learning” text_url=””][/column]

[column width="3"][fun_fact icon=”briefcase” icon_url=”” text=”MakerSpace Learning” text_url=””][/column]

[/row]

[section_title align=”center” text=”Latest from the blog”]

[latest_from_the_blog items=”5″ category_slug=”” meta=”date”]
ahmetsali
Keymaster
15 July 2015 at 02:54
#23664
Hi, remove the column shortcodes and just use this custom css code;
```
.post-list {
    text-align: center;
}
.post-list li h3,
.post-list .read-time  {
    float: none;
}
```
wiobyrne
Participant
16 July 2015 at 13:58
#23717

Hi, I don’t understand where that CSS should go. Do I replace the Row and Column entries for the “Fun Fact” or “Research Interest” sections?

Is there a way you could publish the shortcodes you used in the demo (http://themes.pixelwars.org/?theme=readme-wp)? It would make it easier to understand what it should look like.

-Ian

ahmetsali
Keymaster
22 July 2015 at 11:46
#23789

please check out this post;

http://www.pixelwars.org/forums/topic/how-to-use-custom-css-for-wordpress-themes/