[SavvyJackie]

Both are good choices. I've found IDX Broker to be more flexible for customizing. Lots of options for improving SEO too. It is a bit more complex to configure to match your color scheme of your site.
iHomefinder looks great out the box regarding styling for widgets, etc - but I've not used it yet on a client 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. 🙂

[SavvyJackie]

Hi.
That can be done by editing your theme's stylesheet and adjusting the width on the main content area and the sidebar-primary classes. The easiest way is to reduce the main content area by the exact amount you want to add to the sidebar. Here is what is in your theme right now:

/* Content */

.content {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	float: right;
	padding: 32px 40px 24px;
	width: 850px;  <--- reduce this value
}

/* Primary Sidebar */

.sidebar-primary {
	float: right;
	width: 250px;  <---- increase this value
}

That should do it.

---

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

[SavvyJackie]

Hi,
The stacking is from the elements being displaying in a block.
Try adding:

.before-header .widget {
    display: inline-block;
}

to your style.css. Inline-block will stack them side by side.

---

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

[SavvyJackie]

I'm not looking at your install, so I can't say for sure. My suggestion would be to try that on a fresh install of the theme on a test site. Also, I find the setup documentation in my.StudioPress.com to be very helpful in setting up the theme to look like the demo - that is a good starting point.

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

[SavvyJackie]

Hi, normally once you add some content the front page widget areas, the front page should display without having to make any changes to templates. Have you tried that?

---

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

[SavvyJackie]

Yes, I would opt for static testimonials. It may also help with page load times. The site is beautiful! Love the design.

---

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

[SavvyJackie]

My pleasure. Are you able to work around it?

---

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

[SavvyJackie]

Hi,
The issue may be with what is in front-page-6. When I hide that with display:none, it works fine. You've got a slider jquery in there that may be causing a conflict.

Jackie

---

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

[SavvyJackie]

Excellent, please mark this post as resolved.

Cheers,
Jackie

---

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

[SavvyJackie]

Hi,
It appears you are just missing a closing comment mark here in your stylesheet:

/*
Footer Widgets
--------------------------------------------------------------------------------------------------
*/ <------ this is what is missing

---

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

[SavvyJackie]

Hello,
This post might be helpful with your theme.

http://wpsites.net/web-design/set-post-content-limits-for-home-blog-archive-pages/

---

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

[SavvyJackie]

Glad to hear that. Please mark this topic as resolved. 🙂

---

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

[SavvyJackie]

Hi,
This should do the trick. Just be sure to check it on all viewport widths and other pages.

/* Titles
--------------------------------------------- */

.archive-title {
	font-size: 20px;
}

.entry-title {
	font-size: 30px;
	margin: 0;
	text-align: center  <---------- add to center title
}

For centering image:

.featured-content img {
	margin-bottom: -7px;
	display: block;  <--------- add this
       margin: 0 auto 24px; <------------ add this
}

---

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

[SavvyJackie]

Hi,
If you want to center everything in the footer widgets, you just need to add a text-align: center; to the footer-widget class in your style.css.

/*
Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets {
	background-color: #fff;
	border-top: 1px solid #ececec;
	clear: both;
	padding-top: 40px;
	text-align: center;    <----------------- add this
}

---

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

[SavvyJackie]

HI,
I am not seeing any issues when viewing your site a various viewport widths. Did you find your solution?

---

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

[SavvyJackie]

Hi,
You can change the colors by editing your style.css. The a and a:hover specify the color of the most items. There may be others in your style.css that target more specific elements, but that should be a good start.

a {
	border-bottom: 1px dotted #000;
	color: #000;  
	text-decoration: none;
}

a:hover {
	color: #2a8a15;
	border-bottom: 1px dotted #2a8a15;
}

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

[SavvyJackie]

Hi,
Your menu is there, just not visible. Did you install any plugins or modified your stylesheet? I was able to see the menu my using the Inspect Element feature in my browser. It is hidden in the upper right corner of the screen.

This code in your stylesheet controls it.

.nav-primary {
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  position: fixed;
  width: 260px;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 9999;
  background: #000000;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(260px, 0, 0);
  -moz-transform: translate3d(260px, 0, 0);
  -ms-transform: translate3d(260px, 0, 0);
  -o-transform: translate3d(260px, 0, 0);
  transform: translate3d(260px, 0, 0);
}

---

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

[SavvyJackie]

The image may not be wide enough. Try using one at least 500px wide.

---

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

[SavvyJackie]

Perhaps the cache is still serving the old image? Try deleting the image from your media library and using the same image from one of the other listings - so you know you are looking at a refreshed page.

---

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

[SavvyJackie]

Hi Carol,
It may be that the image is more square than rectangular shaped. Try cropping the image height to something similar to the other listings.

---

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

[Author]

Posts