Community Forums › Forums › Archived Forums › Design Tips and Tricks › AgentPress – Welcome Section Formating Help
Tagged: Agentpress, welcome widget
- This topic has 8 replies, 4 voices, and was last updated 10 years, 6 months ago by Mike Imken.
-
AuthorPosts
-
March 2, 2013 at 3:42 pm #23811jmalisosMember
I am trying to insert an image using html via the text widget. The demo shows a 914 x 150 pixel image. I tried that, but the image would not cover the entire space. The code I am using is as follows:
<img src="http://truefloridianrealty.com/wp-content/uploads/2013/03/downtown-delray.jpg" alt="alt text" style="border:none; float: center;" /></a>
Please let me know what I am doing wrong and what specific changes I need to make. Thanks!
Website: http://truefloridianrealty.com/
March 4, 2013 at 5:29 am #24022CharlieMemberYour image isn't quite the right size: it's 900 x 238. The image in the demo is 914 x 150.
March 4, 2013 at 4:09 pm #24140jmalisosMemberThank you for your response. I uploaded the demo pic (914 x 150) to the welcome section and it's still not fitting. Any suggestions?
March 4, 2013 at 4:28 pm #24144CharlieMemberThere's a problem with your CSS. On line 682 of your style.css
Change
.welcome .wrap { border: 3px solid #FFFFFF; overflow: hidden; padding: 20px; }
to
.welcome .wrap { border: 3px solid #FFFFFF; overflow: hidden; padding: 0px; }
March 4, 2013 at 6:40 pm #24225jmalisosMemberThis reply has been marked as private.August 7, 2013 at 8:09 am #54537ThreeTreesStudioMemberHi, I'm having a similar problem with the image in the Welcome widget. No matter what I do, there's extra padding under the image creating gray space. How do I get rid of it? My image is exactly 914 x 150 pixels and I already removed the padding from the .welcome .wrap. Thanks for your help!
http://www.kreservices.comSeptember 17, 2013 at 10:15 pm #63121Mike ImkenMemberThat image has the image class "aligncenter" which has a 10px bottom margin. Remove that and it will fit.
By the way, I'm just setting up our first Agentpress site -- how did you create your Listings Search widget so that it has text fields, e.g. Min and Max price, etc.?
Marketer – Designer – Developer
http://www.TargetPublic.comSeptember 18, 2013 at 11:57 am #63235ThreeTreesStudioMemberHi Mike, I'm not seeing where I have the bottom margin. Here's what I have in my CSS:
/* Welcome
------------------------------------------------------------ */.welcome {
background-color: #ddd;
clear: both;
margin: 0 auto 25px;
padding: 5px;
text-align: center;
width: 920px;
}.welcome .wrap {
border: 3px solid #FFFFFF;
overflow: hidden;
padding: 0px;
}.welcome,
.welcome p {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: italic;
font-weight: normal;
line-height: 26px;
}For the property search I'm using the IDX Search widget (via Diverse Solutions) in place of the AgentPress widget.
I really want to get rid of that little space under the Welcome graphic. It's driving me crazy! Thanks for any help!!
Shelley
September 18, 2013 at 1:02 pm #63257Mike ImkenMemberHi Shelley,
It's in the Images portion of your CSS
It was using img.aligncenter, but now it appears to be img.alignnone.
Either way they both have a 10px margin on the bottom:`
img.centered,
.aligncenter {
display: block;
margin: 0 auto 10px;
}img.alignnone {
display: inline;
margin: 0 0 10px;
}img.alignleft {
display: inline;
margin: 0 15px 10px 0;
}img.alignright {
display: inline;
margin: 0 0 10px 15px;
}`You could create a new class for the welcome images specifically or adjust the appropriate one above, if you don't need that 10px bottom margin on other images on the site.
Also, this is probably inserted with a Text widget in the "Welcome" section? If so, just put the image link without a class defined. I think that might work as well:
<img src="http://www.kreservices.com/wp-content/uploads/2013/08/Welcome_graphic_914x150px.png" width="914" height="150" alt="Find out how much my home is worth...">
Thanks for the info on the search widget!
Marketer – Designer – Developer
http://www.TargetPublic.com -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.