Community Forums › Forums › Archived Forums › General Discussion › Parallax Pro Pricing Table
Tagged: parallax-pro
- This topic has 5 replies, 3 voices, and was last updated 9 years, 4 months ago by mborger.
-
AuthorPosts
-
December 3, 2014 at 11:02 pm #133543mborgerMember
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.comDecember 4, 2014 at 11:00 am #133602VanessaMemberTry 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.
December 4, 2014 at 12:14 pm #133609mborgerMemberThanks 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.
December 7, 2014 at 12:14 am #133867mborgerMemberI 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?
December 7, 2014 at 1:52 am #133869Genesis DeveloperMemberProblem 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
December 8, 2014 at 1:45 am #133957mborgerMemberThanks! 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.
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.