AgentPress – Welcome Section Formating Help

[jmalisos]

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/

[Charlie]

Your image isn't quite the right size: it's 900 x 238. The image in the demo is 914 x 150.

[jmalisos]

Thank you for your response. I uploaded the demo pic (914 x 150) to the welcome section and it's still not fitting. Any suggestions?

[Charlie]

There'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;
}

[jmalisos]

This reply has been marked as private.

[ThreeTreesStudio]

Hi, 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!

About Us

[Mike Imken]

@ThreeTreesStudio

That 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.com

[ThreeTreesStudio]

Hi 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

[Mike Imken]

Hi 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

[Author]

Posts