Winning Agent

Sales That Work

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

Editing widget CSS to support IDX

Home › Forums › Winning Agent Pro Theme › Editing widget CSS to support IDX

Tagged: CSS, styling, widget three

  • This topic has 6 replies, 3 voices, and was last updated 3 years, 5 months ago by jonny.
Viewing 5 reply threads
  • Author
    Posts
    • October 13, 2017 at 12:14 pm #8544
      dannybrownCA
      Participant

      Hi,

      I’m using the theme to create a website for a friend’s husband, and they’re using IDX. We pretty much have everything set up, but on the home page, the IDX Featured Listings section looks weird:

      http://184.154.228.2/~patr3354/

      Can I add CSS to change the colour of that widget section only (Front Page 3)? Or do I need to work with IDX on display output?

      Thanks.


    • October 13, 2017 at 12:16 pm #8559
      Marcy Diaz
      Keymaster

      Yes, you can customize the Search Bar using CSS. You can add the CSS to the theme style.css or to the WordPress Custom CSS under Appearance > Customizer > Custom CSS


    • October 26, 2017 at 9:30 am #8593
      dannybrownCA
      Participant

      Thanks – would you be able to drop that CSS in here, please? I’m trying to change the colour of that widget (Widget 3) title only, and have some spacing at the bottom of the listings, to have them sit within the widget section.

      Thanks in advance.


    • October 26, 2017 at 12:15 pm #8594
      Marcy Diaz
      Keymaster

      In your style.css, find

      .home-listings {
          background-color: #faf4ec;
          padding: 90px 0;
          min-height: 475px;
      }

      You can edit the background color and the padding to match your needs. The link to your site doesn’t work, so I can’t see what you have. To change only the bottom padding and not the top, you would use
      padding: 90px 0 120px;


    • November 1, 2017 at 3:52 pm #8601
      dannybrownCA
      Participant

      Hi Marcy, thanks – I think originally it may have been dev site link, the live site can be found:

      https://www.patrickwerry.com/

      I tried the CSS but it doesn’t seem to have adjusted the padding.

      Thanks,

      Danny.


      • January 18, 2019 at 4:27 pm #9481
        jonny
        Participant

        Yes i have same issue as patrickwerry site https:realestatesandpoint.net any ideas how to fix broken css???


    • November 1, 2017 at 6:34 pm #8602
      Marcy Diaz
      Keymaster

      Find this section in front-style.css

      .front-page-3 {
          position: relative;
          z-index: 1;
      }

      and add the background color to it

      .front-page-3 {
          position: relative;
          z-index: 1;
          background-color: #2c333c;
      }

  • Author
    Posts
Viewing 5 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

  • How to edit main page background image opacity
  • Fresh Install Issues
  • Remove Background Image
  • Sidebar on Homepage
  • Featured Page on Homepage Not Clickable
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 © 2022 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!