Community Forums › Forums › Archived Forums › Design Tips and Tricks › AgentPress Featured listings widget issues
Tagged: Agentpress
- This topic has 5 replies, 2 voices, and was last updated 8 years, 11 months ago by SavvyJackie.
-
AuthorPosts
-
May 26, 2015 at 8:57 am #153646GarethEvansMember
Hi all,
for some reason the price of the property is appearing aligned to the left of the featured image as per screenshot, even though text is centered in css. Also this only happens on 'desktop' width windows, when in 'responsive; mode it appears correctly. Something just seems to be slightly wronghere is my css for the area below
/* Home Top/Bottom */
.home-bottom,
.home-top {
background-color: #fff;
padding: 80px 0;
text-align: center;}
.archive .content .listing,
.full-width .featured-listings .listing,
.full-width .featuredpage,
.full-width .featuredpost .entry {
background-color: #fff;
color: #1a212b;
float: left;
margin: 0 0 0 0;
overflow: hidden;
padding: 0 0 40px;
position: relative;
text-align: center;
width: 32.333333333%;
}.full-width .widget {
clear: both;
}.full-width .featuredpage {
clear: none;
width: 23.875%;
}.full-width .featured-content .entry-content,
.full-width .featured-content .entry-header {
padding: 30px 30px 0;
}.archive .content .listing:nth-of-type(3n+1),
.full-width .featured-listings .listing:nth-of-type(3n+1),
.full-width .featuredpage:nth-of-type(4n+1),
.full-width .featuredpost .entry:nth-of-type(3n+1) {
clear: both;
margin-left: 0;
}.full-width .featured-content p.entry-meta {
margin-top: 10px;
}.full-width .featured-content .entry .alignnone,
.full-width .featured-content .entry-title,
.full-width .featuredpage .entry {
margin-bottom: 0;
}.full-width .featured-content .entry img {
margin-bottom: -8px;
}.full-width .featured-content ul,
.full-width .featured-listings .widget-title,
.full-width .featuredpost .widget-title,
.listing-archive {
margin-bottom: 1.5%;
}.full-width .featured-content .more-from-category a {
background-color: #d23836;
color: #fff;
clear: both;
display: block;
font-weight: 700;
padding: 20px 40px;
}May 26, 2015 at 3:11 pm #153711SavvyJackieMemberHi,
Do you have a link you can share for the site?
Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie
Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂
May 27, 2015 at 1:59 am #153754GarethEvansMemberHi below is link to development site. It also happens on the other instance of the widget in footer
May 27, 2015 at 4:27 am #153763SavvyJackieMemberThank you for the link. The image size you are using for the listings is smaller than what the code was designed for. It is expecting an image at least 414 pixels wide. You can use the image size you have chosen, you'll just need to add this to your style.css at the end of the section where the AgentPress listing styles are.
.listing-wrap img { display:block; margin: 0 auto; }
This code will make sure if the image is smaller, it will still center and the listing price text will be as well.
Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie
Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂
May 27, 2015 at 5:02 am #153768GarethEvansMemberThank you very much works a charm!
May 27, 2015 at 5:24 am #153775SavvyJackieMemberGlad to hear it.
Please mark this topic as resolved.
Cheers,
Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie
Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.