A Few Final Tweaks

[ronin]

Hi,

In addition to the other thread, I’m just wrapping up our site and need to fix a few issues:

1. Parallax Testimonials – I’ve set these to be right justified and with a big left hand margin. They look great on everything except iPhone portrait (attached), but can’t figure out how to set that text to just fill the whole width and get rid of the cropping on the portrait orientation.

2. Masonry blog paragraph text – how can I set this to, say #404040 (so that the text is visible) without messing with it on the rest of the site? http://www.zebidoodigital.com.au/ronindev/?page_id=44

3. I’ve noticed a few pages (on all devices) where there is still a small gap at the bottom of the page, even when the bottom margin has been removed in the page meta: eg: http://www.zebidoodigital.com.au/ronindev/?page_id=62 and http://www.zebidoodigital.com.au/ronindev/?page_id=36

[Kyle – SUPPORT]

Hi

1) You have this in your custom css:

.testimonials-slider .testimonial-text {
  box-sizing: border-box;
  margin-bottom: 15px;
  padding: 0 0 0 40% !important;
}

Change it to:

@media only screen and (min-width: 768px) { 
.testimonials-slider .testimonial-text {
  box-sizing: border-box;
  margin-bottom: 15px;
  padding: 0 0 0 40% !important;
}
}

2) Add this:

.masonry-item-wrap .excerpt > p {
  color: #111111;
}

3) Add this:

.spb_gmaps_widget {
  margin-bottom: 0;
}

– Kyle

[ronin]

Thanks, that fixed all of them except the last one (3) that fixed the Google map issue but not this page: http://www.zebidoodigital.com.au/ronindev/?page_id=36

cheers Kurt

[Kyle – SUPPORT]

Add this:

.spb_wrapper .row {
margin-bottom: 0;
}

– Kyle

[ronin]

That nailed it, thanks mate.

[Kyle – SUPPORT]

No problem 🙂

– Kyle