Parallax Pro Pricing Table

[mborger]

Hello. Somehow I've messed up the template pricing table in the widget. I have two items I need to fix in the pricing table of the homepage on sftriplex.com...

1) The first box is one line higher than the other two, and
2) The text in the first box changes color when moused over -- the other two do not.

The widget content is:

<p>Choose from one of the options below</p>

<div class="pricing-table">

<div class="one-third first">
<h4>Option #1 - BUY NOW & BUILD</h4>
Purchase any or all three floors and renovate to your own liking!
<a class="button" href="#">SELECT</a>
</div>

<div class="one-third">
<h4>Option #2 - BUY NOW, WE BUILD</h4>
Purchase any or all three floors and we'll finish the renovations!
<a class="button" href="#">SELECT</a>
</div>

<div class="one-third">
<h4>Option #3 - WAITING LIST</h4>
Sign up and get advance notice of our sale date!
<a class="button" href="#">SELECT</a>
</div>
</div>

Thanks for any assistance.

http://sftriplex.com

[Vanessa]

Try fixing the height by searching for the CSS class ".pricing-table .one-third:nth-child(3n+2)" and change it to

.pricing-table .one-third:nth-child(3n+2) {
margin: 20px 0;
}

Also for the first box turning colors when you hover over it, I'm seeing some random <a></a> tags...

<div class="one-third first"><a>
<h4>Option #1 - BUY NOW & BUILD</h4>
</a><p><a>Purchase any or all three floors and renovate to your own liking!<br>
</a><a class="button" href="#">SELECT</a>
</p></div>

So it's applying your link CSS (hover effect) to your paragraph. Double check that HTML in your widget.

[mborger]

Thanks for the help. The first part worked perfectly.

Regarding the hover, this is very strange. My widget HTML is just what I posted in this thread. I don't know where the extra 'a' tags are coming from. I even deleted the first 'third' part of the code, and the hover was applied to the text in the next box "option 2". I have no idea where it's coming from, but it doesn't appear to be in the widget itself.

[mborger]

I still can't figure out why some of the widget titles and text are being wrapped in "a" tags. For example, the widget title "The Neighborhood". As a widget title, I can't add HTML tags to it in the regular Widget interface anyway, so it must be coming from the css. However, I searched the style.css on "widget-title" and no where in the results are any "a" tags called.

Same issue stands for the widget content, ex. "Learn about the dynamic Inner Mission neighborhood." as well as the first box of content in the pricing table.

Something is very odd and I can't find the bug....any ideas?

[Genesis Developer]

Problem is here

<a class="button" href="http://sftriplex.com/sf-triplex-project">Learn More<a>

Anchor Tag is not closed properly.

Correct syntax is:

<a class="button" href="http://sftriplex.com/sf-triplex-project">Learn More</a>

You'll check your all button code

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[mborger]

Thanks! Can't believe I missed that in the button closing 'a' tag. I feel like putting on a big dunce cap right now. I was so preoccupied looking elsewhere. Thank you for the push.

[Author]

Posts