AgentPress – Welcome Section Formating Help

Community Forums Forums Design Tips and Tricks AgentPress – Welcome Section Formating Help

This topic is: resolved

This topic contains 8 replies, has 4 voices, and was last updated by  Mike Imken 7 months ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #23811

    jmalisos
    Participant
    Post count: 16

    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/

    #24022

    Charlie
    Participant
    Post count: 111

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

    #24140

    jmalisos
    Participant
    Post count: 16

    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?

    #24144

    Charlie
    Participant
    Post count: 111

    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;
    }
    #24225

    jmalisos
    Participant
    Post count: 16
    This reply has been marked as private.
    #54537

    ThreeTreesStudio
    Participant
    Post count: 2

    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!

    http://www.kreservices.com

    #63121

    Mike Imken
    Participant
    Post count: 18

    @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.?


    Designer – Developer
    http://www.ExpansionAcademy.com

    #63235

    ThreeTreesStudio
    Participant
    Post count: 2

    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

    #63257

    Mike Imken
    Participant
    Post count: 18

    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!


    Designer – Developer
    http://www.ExpansionAcademy.com

    • This reply was modified 7 months ago by  Mike Imken.
    • This reply was modified 7 months ago by  Mike Imken.
Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.