1. 

   Chris Caldwell
   

   offline

   Member

   Hello!
   I am re-designing a client’s site using the Vibrations Page pack. (BTW, Page Packs are so inspirational when crafting a site, hopefully P7 will design some more someday!)

   So I have a few issues that I’m wondering what the best practices and solutions are:

   Site is temporarily parked here:

   https://chriscaldwell.com/PTR-2/index.html

   1. How can I fix the HGM with testimonials so that it appears on the right side of the image? I had made these both 50% columns, so not sure what’s going other than some customizations I made that probably messed it up. I just wanted to make the text larger, so they resemble quotes.

   2. How do I add a little padding above the h3s within the 3 column HMY section?

   3. The toolbar menu I’m not sure how to get rid of the grayish background and instead just have white lines.
   When I try, I see a black or #151515 background and cannot find where to change this.

   4. There’s a border under the main header image. I have this set to no padding, so not sure where this is coming from?

   5. I wanted to place a bit of centered large text floating over that header image, what is the best way? To use BAM or something? I don’t need to change the image right now, but it would be great to get some big text element with benefits of why they should hire these guys, etc.

   6. Finally, I am wondering if the new HEM extension could be used in the logo text tagline? I think client might like this!

   Thanks so much for any help!

   Chris

   Posted 8 months ago
2. 

   Gerry
   

   offline

   PVII Team

   1. The HGM is not rendering correctly because the hmy-overflow style rule is not in your HMY style sheet, you are using much older versions of the HMY script and js files. If you already have the latest version installed then please follow steps 5-9 of the installation instructions to assure your site is working with the latest files:

   https://www.projectseven.com/support/updatepages/hmy.htm

   2. To add top padding to all of the top <h3>s add this style rule to your style sheet:

   .hmy-section h3:first-child {
   padding-top: 20px;
   }

   adjust the 20px to suit.

   3. I see you already found how to change the bg color for the toolbar, it's this rule at line 122 of the vibes style sheet

   .p7SOM-09.som-toolbar a {

   4. The image is inside a <p> tag, the <<p> tag has top and bottom margin on it. Dob;t use the <p> tag, not needed, remove it so you now have just the <img> tag.

   5. I would use the Image Rotator Magic 2 (IRM2) to present various images and associated text.

   6. Because the logo tagline is centered text I would use the Headline Effects Magic system to animate the entire tagline, using two identical text items.

   Posted 8 months ago
3. 

   Chris Caldwell
   

   offline

   Member

   Hi Gerry,
   Thank you very much for all this help.
   Everything is much better now.

   A couple questions to add

   7. Is there a way to reduce the space a bit between the separate h2s "Available 24/7/365" and the number right below? The css that I have now is crafted so it will display a call and text button when viewed in a smartphone, but I don't need buttons when viewed on a desktop.

   8. I'm getting a validation error for the horizontal line between the h1 title logo and tag line. I'm sure it must be related to the span class. There's maybe a more elegant way to do this, but here's what is there now.:

   <h1 id="section-1">Phoenix Tree Removal<hr class="style-six">
   <span class="tagline">Arizona's Trusted Tree Removal Company</span></h1>

   Thank you.
   Chris

   Posted 8 months ago
4. 

   Gerry
   

   offline

   PVII Team

   7. To reduce the space between the "Available 24/7/365" and the phone number h2 beneath you would use the id that is assigned to the phone number h2 to set the top margin less than the default 20px. Add this style rule to your style sheet:

   #desktop_phone_number {
   margin-top: 6px;
   }

   8. The <hr> element is not allowed inside the <h1> tag. Separate the header content into 3 pieces, h1,hr, h1 (or p)

   Posted 8 months ago

RSS feed for this topic

Reply

You must log in to post.