3 Columns on front page 3 widget

Homepage › Community Forums › Aspire Theme Support › 3 Columns on front page 3 widget

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 12, 2017 at 10:34 pm #20542
    Pat Williams
    Customer

      I am trying to adapt your theme to use for a real estate site. I am looking to use a “featured listings” widget and have it display a column of the 3 most recently published homes (possibly 2 rows). I’m stumped as to how to get it to display as such within the front page 3 widget. Currently the images show up stacked on top of each other. I feel like I’m missing something obvious. 馃檨

      Also I tried to look at your portfolio demo link from this page; https://appfinite.com/tutorials/how-to-setup-the-portfolio/ – but the link doesn’t seem to work.

      If you could provide some help, I’d be very grateful!

      Thanks!

      February 14, 2017 at 12:04 am #20553
      Wes
      Moderator

        Thanks for the heads up! I just fixed the link, it was linking to the old demo/server. It should be working now. Here is the direct link to the Portfolio page – http://demo.appfinite.net/aspire/portfolio/

        What is the link to your site? I can take a look at your site to see why the posts are stacking on top of each other and show how to get them to display in columns instead.

        February 14, 2017 at 3:15 pm #20556
        Pat Williams
        Customer

          I opened up the site so you could view it. Here is the link: http://dev.thecolumbusteam.com/ It’s the featured listing section on the home page I would like showing in three columns.

          I’m also looking to lay out the archive pages for the custom post types for listings & communities in the same fashion. If you have something to point me to for help that would be awesome, thank you.

          I also just noticed the blog title is showing up to the right of the blog image. 馃檨

          I’m off to look at the portfolio link now.

          February 15, 2017 at 11:20 pm #20569
          Wes
          Moderator

            How does this look? – http://i.imgur.com/ZZRyq98.png

            If thats how you want it to look, then you can add this to your CSS – 

            .front-page-3 .featured-listings .listing {
	display: inline-block;
	width: 30%;
	margin: 30px 1% 0;
}

            You could also use something like float: left; for the listings code on the homepage, but the display: inline-block; allows them to show up more in the center of the widget with space in between each of them evenly.

            I added .front-page-3 in the code since that’s the widget area you’re using. I did this so it doesn’ affect any of the other parts of your site that uses the listings. If you want to move this to another widget area, just make sure to change the code.

            Let me know if this helps.

            February 16, 2017 at 12:14 am #20571
            Pat Williams
            Customer

              Brilliant! Thank you! Works like a charm!

              February 18, 2017 at 2:22 pm #20583
              Wes
              Moderator

                You’re Welcome!

                Send me a link when you have it ready so we can share it – https://appfinite.com/forum/showcase/

              • Author
                Posts
              Viewing 6 posts - 1 through 6 (of 6 total)
              • You must be logged in to reply to this topic.