Forums

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

Home › Forums › JavaScript › Help with CSS modifications/customization (Willing to hire if needed)

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 15, 2015 at 2:46 am #208168
    Kesiena
    Participant

    I have a few modifications I am trying to make on the product filer on my website (left sidebar).

    I am trying to adapt it with the style used in shopstyle.com
    My website is smoochxoxo.atwebpages.com.

    Looking for some simple assistance, and if necessary I am willing to make a small donation as a thnak you for the help.

    September 15, 2015 at 4:51 am #208182
    Kesiena
    Participant

    Sorry about that. The exact element is the product filter on the left hand side of the inner pages.
    My site:
    http://smoochxoxo.atwebpages.com/index.php/what-s-new
    Site I am modelling after:
    http://www.shopstyle.com/browse/jewelry

    September 15, 2015 at 7:21 am #208188
    Kesiena
    Participant

    Yes it is a one off. But the thing is my filter already works perfectly on my site. All I am trying to do is change the physical appearance using css to look like the one on shopstyle.com

    September 15, 2015 at 8:55 am #208191
    Kesiena
    Participant

    You are correct, not all that difficult but it requires some work and I did not create the Filter myself. So I eventually get lost in the various divs while trying to customise the look. You think you can be able to help me out with this? Or suggest someone?

    September 15, 2015 at 9:26 am #208193
    Kesiena
    Participant

    Thanks. You’re a Legend. Will do just that

    September 15, 2015 at 11:34 am #208202
    kwerty
    Participant

    May b I am wrong, but imo i think the way script is written for the left sidebar isn’t the best way. If you take a close look, you can see that whenever you click the heading, the element next to it starts to increase the size(going from display none to block via js). The good way is to use some kinda of accordian plugin.

    Now for the css part, give me some time, i’ll paste the code here which will match the reference site.

    Thanks.

    P.S: it would be a good idea to make a demo site/link where you can test the code and implement it to the main site.

    September 20, 2015 at 11:12 am #208430
    kwerty
    Participant

    Hi,

    This is just a basic accordion and you can use a accordion plugin that is going to show and hide the content.

    You can make use of active class on the heading to show some icon which is going to inform the users that accordion panel is open or not.


    http://codepen.io/anon/pen/JYKKWJ

    Thanks.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.