AgentPress Listings Widget – Appearance set how?

[GNemes]

Can someone point me in the right direction? I want to find out how/where the Listing Search widget is setting its width and colors so that I can duplicate that appearance with a second widget lower on the home page.

Thanks!

http://new.gabriellenemes.com

[Tom]

Hi Gabrielle,
There are several sections of the stylesheet involved in the widget area, search widget, button, etc. Your best method is to use the Element Inspector in your browser to find the specific elements and stylings you want to clone.

This page contains a video to assist.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[GNemes]

Thanks for that info, Tom. I've used the Element Inspector a couple of times, but only to find simple things like font size changes, as shown in the video demo.

The challenge I seem to be facing, for example, is that much of this seems to be related to Genesis itself, and not necessarily the individual theme. So, in my neophyte method of learning, I can't quite figure out the right place to edit.

For example, I want to change the text where Copyright info sits. I can see it in the Element Inspector, but I can't find the text itself when searching through any of the style sheets. I can see how to add disclaimer text "below" this line ... but it needs to be above this default stuff. And not in the Footer areas as that's not right either.

Another example ... in the theme, there's this funny white "box" at the lower left edge of the page. It's identified in the Element Inspector as .full-width .featuredpage ... but that describes the size of the box, not the actual element. How do I get rid of it?

In the Element Inspector, is there a place where I can actually see the full name of the file/theme, etc. wherein the data is stored?

[GNemes]

AHA! Finally figured out that daggone blank box. I "think" I have that worked out.

Now if I could just figure out where to modify the disclaimer stuff at the bottom, I'd be on to the next challenge ...

[Tom]

The disclaimer information is maintained in the widget area named "Disclaimer".
Navigate: Dashboard > Appearance > Widgets > Disclaimer

The copyright information can be modified with this tutorial ...

Footer

or this plugin:
https://wordpress.org/plugins/genesis-simple-edits/

The challenge I seem to be facing, for example, is that much of this seems to be related to Genesis itself, and not necessarily the individual theme. So, in my neophyte method of learning, I can’t quite figure out the right place to edit.

Rule #1: Never change the Genesis theme.

All changes are handled by the child theme; changes in the child theme affect the look, overall operation and function of your site.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[GNemes]

So ... the reason I didn't originally install the additional Genesis plugins is that WordPress reports that they are "untested with your current version of WordPress." Since I'm using the newest versions of WordPress almost always, it seems counter intuitive to install stuff that may not work or that may cause additional issues.

Also, I did search the forums for "disclaimer" prior to writing the previous post and didn't come across the post you suggested. Sorry!

Finally, the disclaimer area of the theme setup does not actually affect the current disclaimer lines ... it adds a disclaimer below the existing copyright stuffs. The theme widget locations indicate that the "footer" is above the disclaimer as well and uses fonts and layouts that are not within the setup for which I'm striving.

Back to my last question, however:

"In the Element Inspector, is there a place where I can actually see the full name of the file/theme, etc. wherein the data is stored?"

When working with the Element Inspector, I can see that when you click on various code lines or areas of the page, different guidelines appear illustrating where the various effect is occurring. But sometimes those guidelines don't actually surround the correct or needed area, such as identifying the background or full-width box.

As an example, in my site, I've used the AgentPress Listings Plugin as a placeholder for an alternate IDX search subscription. I was trying to determine "how" the Listings Plugin assigns the full width background to itself, hoping to see it using the Element Inspector. I haven't figured that out yet as the Element Inspector doesn't identify the wrap of just that form. It identifies the full wrap of the widget area, not the plugin. (Hope that makes sense.) My thought was that I'd put the two Mega Menus into the Home-Featured area so that scrolling the site appeared in front of the top background image. But when I attempt to do so, rather than being able to use a full-width menu which is possible with that plugin, the area goes to a transparent white background. Hence my foray into the Element Inspector.

Thanks for your help. I do truly appreciate it. Apparently I need to learn to search the forums in a different way in order to find the responses I need. I'm sorry to have asked questions that, apparently, were previously answered!!

[Author]

Posts