Border around Featured Images in Agent Press

Community Forums Forums Design Tips and Tricks Border around Featured Images in Agent Press

This topic is: not resolved

This topic contains 9 replies, has 2 voices, and was last updated by  sheilasteer 1 year, 6 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #34947

    sheilasteer
    Participant
    Post count: 11

    Anyone know how I can change the light grey border around the featured images and the community images in agentpress to be a different width and color?

    #35051

    braddalton
    Participant
    Post count: 10214

    Link to your site please so we can inspect the element using Firebug and change the color in real time on your site to test that it works before handing you the code.


    #35054

    sheilasteer
    Participant
    Post count: 11

    Thanks but I figured it out:

    communities a img,
    .featured-bottom a img,
    .listing-wrap a img {
    border: 1px solid #273549;               /*** changed from ddd to 273549 THIS PUTS BOX AROUND FEATURED LISTINGS***/
    margin: 0 0 5px;                                                                        /*** AND COMMUNITY PICTURES in color 273549!!! ***/
    padding: 4px;

    #35055

    sheilasteer
    Participant
    Post count: 11

    sorry that didn’t print clearly

    /*** changed border from ddd to 273549 THIS PUTS BOX AROUND FEATURED LISTINGS***/

    /*** AND COMMUNITY PICTURES !!! ***/

    communities a img,
    .featured-bottom a img,
    .listing-wrap a img {
    border: 1px solid #273549;
    margin: 0 0 5px;
    padding: 4px;

    #35092

    sheilasteer
    Participant
    Post count: 11

    Here’s the website – http://www.phyllisatkinsberryhomes.com

    I was able to get the border around the featured listings but it is cut off on the right for the communities and the name is now not centered under the community picture since I switched the width and added the dark border……

    Would love help – Thanks!!

     

    #35094

    sheilasteer
    Participant
    Post count: 11

    Here’s the website – http://www.phyllisatkinsberryhomes.com

    I was able to get the border around the featured listings but it is cut off on the right for the communities and the name is now not centered under the community picture since I switched the width and added the dark border……

    Would love help – Thanks!!

    I’m also having trouble centering the links in the welcome widget….

     

     

    #35118

    braddalton
    Participant
    Post count: 10214

    [css]
    .communities a img, .featured-bottom a img, .listing-wrap a img {
    border: 1px solid #273549;
    margin: 0 0 5px;
    padding: 4px;
    }
    [/css]
    Line 1442 Remove margin 40px

    You’ll then need to use Firebug and centre the widgets.


    #35235

    sheilasteer
    Participant
    Post count: 11

    Thanks – that worked – I have never used firebug but just installed it and I’m not quite sure how to center communities -

    I see the layout and when I change the padding in this to 25px 25px 25px

    it moves the border out to the edge to make room for the 25px left and right instead of centering what’s inside the border.

    .communities {

        border: 3px solid #273549;
        clear: both;
        margin: 10px auto 25px;
        overflow: hidden;
        padding: 25px 0 15px;
        text-align: center;
        width: 1010px;

    I also somehow lost the price on the featured listings even though I didn’t change that code for the listing price.

    Any help would be greatly appreciated! I realize I have to get a lot better at using firebug.
    Thanks!!!!

     

    #35388

    sheilasteer
    Participant
    Post count: 11

    Fixed the price on featured listings using firebug – accidentally left an extra / making a comment!

    Still struggling to figure out how to center communities and featured listings -

    #35674

    sheilasteer
    Participant
    Post count: 11

    If I increase the padding in .communities for the left side it will center the communities  - the problem is it also moves over the border I have around the community section – which I don’t want -

    is there a way to have  a border and tell it to be in an exact position – absolute?

     

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.