3 Column layout for Featured Posts widget on home page

Support Area › Forums › Elite › 3 Column layout for Featured Posts widget on home page

Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
URL to the page in question: http://spinbirdgroup.com
  • Author
    Posts
  • October 15, 2014 at 12:37 #23221
    Shelly Peacock
    Participant

    Hi Bill-
    I need to set a 3 column layout for the Featured Posts area on the home page- I currently have it in Home Page 3 block, but when i style it for 3 columns it messes up the 3 columns of the featured product section- really weird.
    What I would like is something like this- only with 3 columns…
    But, I am using the featured posts widget- should I use something else?

    Attachments:

    1. Screen-Shot-2014-10-15-at-12.36.22-PM.png

    October 15, 2014 at 12:44 #23223
    Shelly Peacock
    Participant

    Actually- this is exactly what I want it to look like-

    Attachments:

    1. Screen-Shot-2014-10-15-at-12.41.33-PM.png

    October 15, 2014 at 15:01 #23235
    Bill Robbins
    Moderator

    Hello Shelly,

    I believe you can orient the featured posts so they are vertical instead of in rows. Give this a try:

    1. Go to your theme options page and choose the Advanced tab.
    2. Scroll down to the Custom CSS box and add this: 
      
.page-template-page-home-template-php .featured-posts article {
	float: left;
	width: 31%;
	margin-left: 1%;
	margin-right: 1%;
}

.page-template-page-home-template-php .featured-posts .wp-post-image {
	float: none;
	max-width: 100%;
	margin-right: 0;
}
    3. Update your settings.

    If you have any questions, just let me know.

    Thanks,
    Bill

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘3 Column layout for Featured Posts widget on home page’ is closed to new replies.