Winning Agent

Sales That Work

  • About
  • Store
  • Blog
  • The Stream
  • Forum
  • Jobs

Home Community: Layout Problem

Home › Forums › Winning Agent Pro Theme › Home Community: Layout Problem

  • This topic has 5 replies, 2 voices, and was last updated 5 years, 6 months ago by Ginger Coolidge.
Viewing 3 reply threads
  • Author
    Posts
    • August 16, 2015 at 7:06 am #4587
      WiWebs
      Participant

      For some reason the layout of the Communities on the home page gets out of whack when I choose to display more than 4 communities (trying to display 8). The first row of 4 is fine, but the second row will only display 1, then the third row displays 3.
      The thumbnail size is set to 245px x 245px…

      Here’s the URL Website

      Thanks


    • August 16, 2015 at 10:46 am #4588
      Ginger Coolidge
      Participant

      I would stick with the default size set in the communities widget (440 x 300) which is technically larger, but that is what the CSS is expecting that comes with the theme and go from there. You are correct in that if you enter multiples of 4 you will get multiple rows displayed.

      https://my.winningagent.com/winning-agent-pro-theme-setup/#home-page


      • August 17, 2015 at 8:27 am #4589
        WiWebs
        Participant

        Okay Ginger, tried what you suggested but the problem still persists…

        Any idea what else may be causing the issue?

        Thanks


        • August 17, 2015 at 8:46 am #4590
          WiWebs
          Participant

          It appears to be a height issue.

          When I use the default size 440 x 300 the 2nd row staggers 3 items to 3rd row.

          When I use the thumbnail size 245 x 245 the 2nd row staggers 3 items to 3rd row.

          When I use the feature-small size 340 x 140 the 2nd row populates correctly with all 4 images.


    • August 17, 2015 at 9:38 am #4591
      WiWebs
      Participant

      I believe I figured it out.

      There was no height attribute set for the community entry, so I set it for the 245 x 245 thumbnail as follows and it works perfectly:

      .home-communities .wap-community.entry {
      	float: left;
      	margin: 0 60px 30px 0;
      	padding: 0;
      	width: 240px;
      	min-height: 280px;
      
      }

      Hope this helps someone else out who faces the same problem?


    • August 17, 2015 at 10:25 am #4592
      Ginger Coolidge
      Participant

      Hi there, thanks for sharing your findings, more info is always good for others! Glad you were able to get things working.

      In the Winning Agent Pro sites I’ve installed, I haven’t had to edit the CSS when using the home-community image size. However, I have occasionally seen an odd placement of one or two images staggered. To correct, I’ve usually removed the communities widget and added it back which was worked.


  • Author
    Posts
Viewing 3 reply threads
  • You must be logged in to reply to this topic.
Log In

Forum Login

Log In
Register Lost Password

Search Forums

StudioPress Real Estate WordPress Theme: Agent Focused Pro Theme
StudioPress Premium WordPress Themes: Winning Agent Pro Theme

Recent Replies

  • Remove "Search Results for:" box in the search results page
  • Remove "Search Results for:" box in the search results page
  • Removing Communities from the Footer
  • How do you create Sticky Navigation for Focused Agent Pro theme?
  • new website Tampa Bay
OptinMonster

Loan Types & Property Definitions

There are a lot of different types of mortgages, and there are a lot of different types of real estate property. Here is a list of the most common types of each. We’ve added some links to the most popular articles on the subject.

Read More

Real Estate and Mortgage Forum

We think getting many viewpoints to a particular question is important because it helps you to make better decisions. It’s so important that we have woven the Forum all throughout Winning Agent. We invite you to ask questions, make comments, and be part of the discussion.

Read More

Glossary of Real Estate Terms

Real estate and mortgage finance often times comes with its own unique language. If you work with it every day, it becomes 2nd nature, but most people don’t work with it every day. So we’ve created a glossary of mortgage and real estate terms.

Read More

Copyright © 2021 Winning Agent · Powered by the Genesis Framework · Contact Us
Become an Affiliate
This site uses affiliate links, but know that we only recommend products we personally use and enjoy!