Editing widget CSS to support IDX

[dannybrownCAParticipant]

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.

---

[Marcy DiazKeymaster]

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

---

[dannybrownCAParticipant]

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.

---

[Marcy DiazKeymaster]

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;

---

[dannybrownCAParticipant]

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.

---

[jonnyParticipant]

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

---

[Marcy DiazKeymaster]

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