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.
- AuthorPosts
- October 13, 2017 at 12:14 pm #8544
dannybrownCA
ParticipantHi,
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
KeymasterYes, 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
ParticipantThanks – 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
KeymasterIn 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
ParticipantHi Marcy, thanks – I think originally it may have been dev site link, the live site can be found:
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
ParticipantYes 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
KeymasterFind 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; }
- AuthorPosts
- You must be logged in to reply to this topic.