Border around Featured Images in Agent Press

[sheilasteer]

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?

[Brad Dalton]

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.

---

Tutorials for StudioPress Themes.

[sheilasteer]

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;

[sheilasteer]

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;

[sheilasteer]

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

 

[sheilasteer]

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

 

 

[Brad Dalton]

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

Line 1442 Remove margin 40px

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

---

Tutorials for StudioPress Themes.

[sheilasteer]

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

 

[sheilasteer]

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 -

[sheilasteer]

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?

 

[Author]

Posts