Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Show -Hide Html Content on at specific point certain pages

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #166304
    cyphas
    Participant

    Due to limitation of product pages on an ecommerce site, I want to easily load this http://screencast.com/t/w4dKvkYpBuz (the size guide, delivery info etc just where it is position in photo on Individual Product Pages only.

    How can this be achieved via CSS or JQuery/JScript to position the content exactly at a certain position irrespective to screen size or device?

    I have access to main css of site but not the product pages which has littler or no access _locked down by Volusion.

    <div class="description-bar">
        <a href="http://www.christys-hats.com/help_answer.asp?ID=15#ChoosingTheRightHat" class="first popup " rel="1010,900"><img title="Measure you head" alt="Measure your head" src="http://blog.christys-hats.com/christyshats/images/headsizemeasure5.png" height="22" width="79"/></a>
        <a href="/Size-Guide-a/258.htm#help" class="middle popup " rel="1010,600"> <img title="Click for Hat Size Guide" alt="Hat Size Guide" src="http://blog.christys-hats.com/christyshats/images/size-guide2.png" height="22" width="67"/></a>
        <a href="/Returns-a/57.htm#returns" class="middle popup " rel="900,600"><img title="Click for information on Return Policy" alt="Return Policy" src="http://blog.christys-hats.com/christyshats/images/return-policy2.png" height="22" width="79"/></a>
        <a href="http://www.christys-hats.com/Delivery-Returns-a/57.htm" class="last popup" rel="900,600"><img title="Click for Delivery Information" alt="Delivery & Returns" src="http://blog.christys-hats.com/christyshats/images/delivery-information.png" height="22" width="104"/></a>
    </div>
    <br/> 
Viewing 1 post (of 1 total)
  • You must be logged in to reply to this topic.