Need help with a plugin!
-
Hello!
So i’m creating a website for a real estate agency, who uses a database called buildout. The problem I’m having is with the code for the integrating the information from buildout.
On the home page, you can see the featured properties, that works fine. If you go over to the “SearcH properties” Tag, if you scroll down the integration is way down there. Now when I try to style it so it fits onto the page nicely, to the left of the sidebar, which I’ve done, it also styles the one on the home page, skewing it dramatically. I can’t figure out how to style one and not the other. They both use very similar ID’s and Classes, which is making this difficult. Any help would be nice! Thanks.
The blog I need help with is: (visible only to logged in users)
-
Also bonus points if anyone can tell me why there’s a huge white space at the top of the mobile site, but not the web version. It doesn’t show up on the mobile preview when I’m editing the site.
-
Hi there, on the search properties page, it would be better to put the code into the actual page content area instead of into the widget and that way it will size properly. You would switch to the Text tab in the page editor to paste in the code. If you do not wish to do that, the following CSS would resize and position the widget. This targets only the search properties page by using the unique page id CSS class from the opening body html tag.
@media screen and (min-width: 768px){ .page-id-185 .site-content .full-width-widget-area { max-width: 65% !important; float: left; padding-top: 0; } }The problem with the above CSS solution, instead of putting the code into the page content area, is that your search properties section will go down below the sidebar widgets on screens/windows less than 768px in width making the visitor scroll way down in order to search. I would suggest moving that code into the page content area.
-
Thank you!!
The problem is that the code uses script tag’s, and I wasn’t able to get it into the page content, only the widget which was done through a plugin. Is there a way to go around that?
-
Nevermind, I got it onto page content! Now do I still use the code you provided? Or would there be changes to it?? Thank you so much for the help!
-
-
Oh, awesome! Thank you! If I apply that CSS to the buildout class, will that prevent it from going over the edges on mobile?
-
-
Remove the whole line? I want it to only change mobile, it goes off the edge of the screen slightly
-
Hi, I checked your Search Properties page on my phone and see all of the search section just fine right now, did you get this sorted out?
-
On the home page, the featured properties code I integrated is running off the edge of the screen on my phone. When I look at it in the mobile view in the editor, it doesn’t show it like that.
-
Ah, on the home page. I’m afraid that is something in the plugin code itself, and since it is in an iframe, we cannot use custom CSS to fix it. The plugin author has set a 480px min-width for the body section in the iframe. I would chat with the plugin author about this and see if they can update it with a min-width of 320px.
The only other option would be to edit and change the min-width in the plugin CSS file, but the problem with that is that each update to the plugin is very likely to overwrite the change you made with the plugin files are updated.
- The topic ‘Need help with a plugin!’ is closed to new replies.
WordPress.com Forums 