Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 28, 2016 at 8:27 pm #705411
    tremblayly

    Hi

    I’m using the Wholesale Suite plugins that uses a customized wholesale order form page. I’ve tried to change a couple of CSS element to accomplish what I want to do, but none work.

    On the page (ID14097) I want to change:
    1) the color of the “alternate” row that has a dark grey background to a light grey, say #d4d3d2
    2) the variations “select: box within each row to alternate to #fff for row with light grey, and to light grey #d4d3d2 for the white row

    My website is currently in development, so I have included website ordering page URL and viewing access credentials in the private area.

    Thank you
    Lyse

    November 1, 2016 at 10:17 am #706635
    Rikard

    Hi Lyse,

    All I can see after logging in is header and footer and inbetween, this:

    ACCESS DENIED
    You do not have permission to view wholesale product listing
    Login Here

    Not sure if we have to be logged into WordPress as well? If so please post details for that as well.

    Best regards,
    Rikard

    November 1, 2016 at 2:26 pm #706716
    tremblayly

    Hi Rikard,

    As the administrator I thought you could view the page. Obviously not, so I have put credentials for wholesale customer in the private area.

    Thanks

    November 3, 2016 at 4:18 am #707493
    Nikko

    Hi,

    1) the color of the “alternate” row that has a dark grey background to a light grey, say #d4d3d2
    Is this already done? I could see these rows already in #d4d3d2, but if you want to change it you can add this code to Quick CSS:

    .main_color #wwof_product_listing_ajax_content tr:nth-child(odd) {
    background: #ddd;
}

    2) the variations “select: box within each row to alternate to #fff for row with light grey, and to light grey #d4d3d2 for the white row

    .main_color #wwof_product_listing_ajax_content tr:nth-child(even) {
    background: #efefef;
}

#top .main_color #wwof_product_listing_ajax_content select {
    background: #fff;
}

    Just adjust the colors as you see fit. Hope this helps :)

    Best regards,
    Nikko

    November 3, 2016 at 3:11 pm #707758
    tremblayly

    Hi Nikko,

    Exactly what I wanted. Work great!

    Thank you so very much,
    Lyse

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Specific page table styling and form select’ is closed to new replies.